tag:blogger.com,1999:blog-36197739041977537492024-03-18T19:52:03.725-07:00Desarrollo PlataformaAnonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.comBlogger25125tag:blogger.com,1999:blog-3619773904197753749.post-17148129696461943432015-07-21T18:23:00.001-07:002015-07-21T18:23:51.908-07:00Condicionales ContenidosEl sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0,</a> posee la posibilidad de crear diferentes tipos de <a href="http://virtualnet2-0.blogspot.com/2012/01/copiar-mover-y-arrastrar-contenidos.html" target="_blank">contenidos</a>, a los cuales se les pueden establecer estados de visibilidad y de apertura haciendo uso de fechas.<br />
<br />
En este caso el docente deberá establecer dichas fechas en el <a href="http://virtualnet2-0.blogspot.com/2013/02/calendario-de-actividades.html" target="_blank">cronograma de actividades</a> y de está forma los contenidos estarán disponibles para lo estudiosos, por lo cual estos últimos deberán esperar hasta que se realice la apertura.<br />
<br />
Para ver un contenido no es necesario cumplir algún requisito anterior, por lo que el usuario podría ver cualquier contenido en el orden deseado, dependiendo de si éste está disponible o no.<br />
<br />
Por estas razones se ha creado el denominado sistema de condicionales, el cual permite al docente establecer condiciones sobre los contenidos de un aula, de esta manera podrá indicar la "ruta" por la cual el estudios@ deberá seguir los contenidos del aula.<br />
<br />
Existen 05 opciones para establecer condiciones sobre cada uno de los contenidos del aula, exceptuando las carpetas.<br />
<br />
<h4>
Tipos de condiciones.</h4>
<br />
<ol>
<li><b>Ingreso a actividades:</b> Se válida si un usuario ha participado en actividades como Foros, chat's, tareas y evaluaciones, en el caso de los dos últimos además se realiza se puede establecer la nota aprobatoria obtenida, para realizar el mismo proceso en los foros y chat's, éstos deberán estar relacionados a una actividad en la <a href="http://virtualnet2-0.blogspot.com/2012/01/asistente-hoja-de-calificaciones-y.html" target="_blank">hoja de calificaciones</a>.</li>
<li><b>Ingreso a contenidos:</b> Se realiza la validación de ingreso del estudios@ a los contenidos presentes en el sistema, desde la vista de un <a href="http://www.colombiaaprende.edu.co/html/directivos/1598/article-88892.html#h2_1" target="_blank">OVA</a> hasta la vista de un archivo.</li>
<li><b>Actividades hoja de calificaciones:</b> Es posible establecer una condición para participar en un contenido, previo el cumplimiento de una actividad que este configurada en la hoja de calificaciones.</li>
<li><b>Nota acumulada:</b> Se realiza la validación en relación a la nota que se ha calculado del estudios@ en relación a la nota que lleva en relación a las actividades configuradas en la hoja de calificaciones y el porcentaje que tiene cada una de ellas, está condicional sólo es posible establecerla una vez por contenido.</li>
<li><b>Porcentaje de avance:</b> Validación que tiene como objetivo establecer el nivel de avance que lleva el usuario en relación a las entregas dadas de las actividades de la hoja de calificaciones.</li>
</ol>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AFNOP8kO_RLR7vZZli-0g2t1j0OmzqdF6hR9LsaDQDCSBQfxmZTUlnbS8oaWHHecVcg1I2wvNRangYnW_cv7CWGpTaevDmLY-eq7g8DVfYlLMvtjcDUYUMGLmRvixr0UPK2Uy-8oRBA/s1600/Captura+de+pantalla+2015-07-21+a+las+6.50.14+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1AFNOP8kO_RLR7vZZli-0g2t1j0OmzqdF6hR9LsaDQDCSBQfxmZTUlnbS8oaWHHecVcg1I2wvNRangYnW_cv7CWGpTaevDmLY-eq7g8DVfYlLMvtjcDUYUMGLmRvixr0UPK2Uy-8oRBA/s400/Captura+de+pantalla+2015-07-21+a+las+6.50.14+p.m..png" width="400" /></a></div>
<br />
<br />
<h4>
Cumplimiento de una condición.</h4>
<div>
Una vez aplicada una condicional es posible consultar que estudios@s la cumplen, opción que se encuentra en la pestaña "Cumple condición", igualmente se podrá apreciar aquellos usuarios que no la cumplen, en ambos casos se tendrá la opción en enviar un correo electrónico según el filtro que se haya establecido, así como la descarga de un archivo Excel con información detallada del cumplimiento/incumplimiento de las condicionales</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRBFdERiY6GF414xQWQKXKB6jjEEPzqWtSE4FOVEtfKkmeVAAv6N42U63Hj9kkTiOa3K5QsjxFbh7sFgvRGujnrkAEnXEZGoW7VH7feDnO6tqVDWAUO1Q0lOceYN64ZjNu4pBEnTgzP4/s1600/Captura+de+pantalla+2015-07-21+a+las+6.50.26+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlRBFdERiY6GF414xQWQKXKB6jjEEPzqWtSE4FOVEtfKkmeVAAv6N42U63Hj9kkTiOa3K5QsjxFbh7sFgvRGujnrkAEnXEZGoW7VH7feDnO6tqVDWAUO1Q0lOceYN64ZjNu4pBEnTgzP4/s400/Captura+de+pantalla+2015-07-21+a+las+6.50.26+p.m..png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h4 style="clear: both; text-align: justify;">
<span style="text-align: start;">Exonerar usuarios de una condicional.</span></h4>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: start;">Puede existir la situación que un usuario no cumpla la condicional, por lo que se tendrá la posibilidad de exonerarlo de la misma, a través del listado de usuarios se puede realizar está acción.</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTPakRQJqTrSOG6O1ykV9yhq3ozUx5-JeQNHfQ0IGl63b8jwnlaKzZzCLazC_ZddbYvqXVEsAA8ekKN5seNrtTWJu3ZQUEYYWPs4lpEyeJPbESCo9RQD8Suw4UAgr85QJMvSwBBHWrIQ/s1600/Captura+de+pantalla+2015-07-21+a+las+7.10.46+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTPakRQJqTrSOG6O1ykV9yhq3ozUx5-JeQNHfQ0IGl63b8jwnlaKzZzCLazC_ZddbYvqXVEsAA8ekKN5seNrtTWJu3ZQUEYYWPs4lpEyeJPbESCo9RQD8Suw4UAgr85QJMvSwBBHWrIQ/s400/Captura+de+pantalla+2015-07-21+a+las+7.10.46+p.m..png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Usuario exonerado Carolina Ponce.</div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div>
<br /></div>
<h4>
Copiar/Pegar condicionales.</h4>
<div>
<br /></div>
<div>
Sí se desea utilizar una condicional que previamente se había creado en el mismo curso, es posible hacer uso de ésta en un nuevo contenido, está acción es posible a través de la pestaña Copiar/Pegar de la ventana creación de nueva condicional.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM2vu0Q_YEI2lxBdizhhCU9n8i-hGElfmA7f98FMxqJn8IWeN32oMIvaMd-ip0gRmA9V6lYQAYIXMBPIOM7fZxnzJxsylzUXHjvbQ3GQRFvTg7P3AudOdpaZ4-sIL065DZOkiI0-0X6Zo/s1600/Captura+de+pantalla+2015-07-21+a+las+6.50.39+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM2vu0Q_YEI2lxBdizhhCU9n8i-hGElfmA7f98FMxqJn8IWeN32oMIvaMd-ip0gRmA9V6lYQAYIXMBPIOM7fZxnzJxsylzUXHjvbQ3GQRFvTg7P3AudOdpaZ4-sIL065DZOkiI0-0X6Zo/s400/Captura+de+pantalla+2015-07-21+a+las+6.50.39+p.m..png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Se podrá pegar una condicional si el contenido actualmente no tiene condicionales configuradas, se podrá copiar una condicional, si el contenido destino no tiene condicionales configuradas.</div>
<div>
<br /></div>
<h4>
Operadores Lógicos.</h4>
<br />
En cada contenido es posible establecer más de una condicional (máximo 10 condicionales por contenido), para evaluar el cumplimiento de las mismas, se hace uso de los <a href="https://miprogramacionenjuegos.wordpress.com/2006/12/05/operadores-logicos-or-y-and/" target="_blank">operadores lógicos</a> AND (Y) y OR (O).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiFlZf3wrJwSOYN1QqZ6pUDnKhVP7HvSJP7GWANBSQl02S2ufjTtdUoWeywR_MbyM3v9znpo4RzKAvClwoOsQUVbzzhL2Q5zD8wAWiGAOtXHiXG8Er-oeDxyNik5NdrMVq6dSvjPHzW98/s1600/Captura+de+pantalla+2015-07-21+a+las+6.59.29+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiFlZf3wrJwSOYN1QqZ6pUDnKhVP7HvSJP7GWANBSQl02S2ufjTtdUoWeywR_MbyM3v9znpo4RzKAvClwoOsQUVbzzhL2Q5zD8wAWiGAOtXHiXG8Er-oeDxyNik5NdrMVq6dSvjPHzW98/s400/Captura+de+pantalla+2015-07-21+a+las+6.59.29+p.m..png" width="400" /></a></div>
<br />
<ul>
<li><b>AND (Y):</b> Establece que sólo es verdadero sin los operadores que están comparando son verdaderos, en caso contrario la respuesta será falso.</li>
<li><b>OR (O):</b> Sólo será falso sin los valores comparados son falsos, con la existencia de un sólo valor verdadero la condicional dará como respuesta un valor verdadero.</li>
</ul>
<div>
<br /></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj97AfxVu2i9kn6-E_G8Xy9Be3tBKUQhbZkB3Yldp6SjJBUZ_C3DCQSJb-cEydCmI3wUpsQjpNCybRjljopci99JW94TjirTYQvmkv6qickZiRfkut6Dz944OXxYo5nuouxTq59ZsZtrtM/s1600/Captura+de+pantalla+2015-07-21+a+las+7.01.43+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj97AfxVu2i9kn6-E_G8Xy9Be3tBKUQhbZkB3Yldp6SjJBUZ_C3DCQSJb-cEydCmI3wUpsQjpNCybRjljopci99JW94TjirTYQvmkv6qickZiRfkut6Dz944OXxYo5nuouxTq59ZsZtrtM/s400/Captura+de+pantalla+2015-07-21+a+las+7.01.43+p.m..png" width="400" /></a></div>
<br />
<br />
En la imagen se pueda apreciar que el contenido se le han establecido 04 condicionales, las dos primeras tienen el operador Y (AND), indicando que sólo será verdadero si el usuario cumple con las dos condicionales, se pueda observar que las condicionales 03 y 04 también tienen el operador Y (AND), indicando lo mismo que las dos condicionales iniciales, pero el operador que las separa es el 0 (OR), lo cual quiere decir que con que una de las dos parejas de condicionales sea verdadera, el usuario cumplirá con la condicional deseada.<br />
<br />
<h4>
Entorno gráfico</h4>
Para una fácil creación de las condicionales, se ha desarrollado un entorno gráfico, haciendo uso de la librería <a href="http://www.jsplumb.org/demo/flowchart/dom.html" target="_blank">jsplumb</a> (entre otras), el cual permitirá la creación de un "<a href="https://es.wikipedia.org/wiki/Diagrama_de_flujo" target="_blank">Diagrama de Flujo</a>", el cual muestra de manera clara el "camino" a seguir para el cumplimiento de todas las condicionales establecidas en un curso.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1SCiuSVxi4VHm_7MHyQdZMWnWZYY4iY-o5YnuDgI98p8zzZCYqCWNaEjxR0kNF1JZlCnoMZ6v9fCw2SArD-n3xgj-r-gv4ZwItNKKQCrMFVXpGjpL1q_7gs0i3SKZliXvv9FV_n5kVGo/s1600/Captura+de+pantalla+2015-07-08+a+las+12.11.11+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1SCiuSVxi4VHm_7MHyQdZMWnWZYY4iY-o5YnuDgI98p8zzZCYqCWNaEjxR0kNF1JZlCnoMZ6v9fCw2SArD-n3xgj-r-gv4ZwItNKKQCrMFVXpGjpL1q_7gs0i3SKZliXvv9FV_n5kVGo/s640/Captura+de+pantalla+2015-07-08+a+las+12.11.11+p.m..png" width="640" /></a></div>
<br />
<br />
En está vista, a través de la opción ver como (cuadro de texto parte superior derecha), el docente podrá ver el gráfico como lo vería el estudioso.<br />
<br />
Otra de las opciones gráficas es ver a través de colores el cumplimiento de una condicional dada en porcentaje (total de usuario del aula Vs usuarios que cumplen), como es:<br />
<br />
<br />
<ul>
<li><span style="color: red;"><b>Rojo:</b></span> El porcentaje de cumplimiento es menor e igual al 30%</li>
<li><span style="color: #e69138;"><b>Anaranjado:</b></span> Cumplimiento mayor al 30% y menor igual que el 60%.</li>
<li><span style="color: #134f5c;"><b>Verde:</b></span> Cumplimiento mayor que el 60%.</li>
</ul>
<br />
<br />
<h4>
Vista como estudios@</h4>
Cuando un usuario ingresa a un contenido que tiene establecida una condicional y el éste no la cumple, se le mostrará una pantalla entregando la información del caso.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSztLC99IETFscZz6nZZLbv0-Gqzn0c31Dec50-d-M8eSynG7t09gkBQ0GRhp7kXIiGdpwaWQLmaXlTvf_tmLfN-5YzzHZYGqsgBHtfSaoM4FsEY9Fxiqe8mPpwnOie2ORJ9lyGLZIbw/s1600/Captura+de+pantalla+2015-07-21+a+las+7.24.04+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqSztLC99IETFscZz6nZZLbv0-Gqzn0c31Dec50-d-M8eSynG7t09gkBQ0GRhp7kXIiGdpwaWQLmaXlTvf_tmLfN-5YzzHZYGqsgBHtfSaoM4FsEY9Fxiqe8mPpwnOie2ORJ9lyGLZIbw/s400/Captura+de+pantalla+2015-07-21+a+las+7.24.04+p.m..png" width="400" /></a></div>
<br />
Igualmente podrá observar la condicional a través del gráfico creado.<br />
<br />
Convención de colores gráfica estudios@s<br />
<br />
Al igual que el gráfico mostrado al docente del cumplimiento de las condicionales en el aula, el estudios@ podrá observar su cumplimiento y además el lugar donde se encuentra en relación al gráfico.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEjvaztOxbvUUvdlQp7IJAw8B8W44NIjSGg6YPUEFWEKyQ4DPDMsULNgeaVVBvGeKHmNVIa_VjksWJjKnmCcEsV8-pWC5o-F8QLN__CQ29KvXO2e1qu_9mHWejEzi5MN0O4AQxEi4znRI/s1600/Captura+de+pantalla+2015-07-21+a+las+7.25.44+p.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEjvaztOxbvUUvdlQp7IJAw8B8W44NIjSGg6YPUEFWEKyQ4DPDMsULNgeaVVBvGeKHmNVIa_VjksWJjKnmCcEsV8-pWC5o-F8QLN__CQ29KvXO2e1qu_9mHWejEzi5MN0O4AQxEi4znRI/s640/Captura+de+pantalla+2015-07-21+a+las+7.25.44+p.m..png" width="640" /></a></div>
<br />
<br />
En este caso se tienen tres colores.<br />
<br />
<br />
<ul>
<li><span style="color: #6aa84f;"><b>Verde:</b></span> El estudios@ cumple con la condicional.</li>
<li><span style="color: #e69138;"><b>Anaranjado:</b></span> No cumple con la condiciona.</li>
<li><span style="color: cyan;"><b>Azul:</b></span> Condicional actual donde se encuentra.</li>
</ul>
<br />
<h4>
Presentación condicionales.</h4>
<br />
<center>
<iframe allowfullscreen="true" frameborder="0" height="389" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/1cm3d_cY6KVHIdBRNi9r3MOfcCWo2uY70E4MNSMOjqZM/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="480"></iframe>
</center>
<center>
</center>
<center>
</center>
<h4>
</h4>
<h4>
<center style="text-align: left;">
Vídeo demostración.</center>
</h4>
<center style="text-align: left;">
<br /><div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/kS6r4RsNP1I?rel=0" width="420"></iframe></div>
</center>
<center style="text-align: left;">
</center>
<center style="text-align: left;">
</center>
<center style="text-align: left;">
Conclusión.</center>
<center style="text-align: left;">
</center>
<h2>
<center style="text-align: left;">
<ul>
<li><span style="font-size: small; font-weight: normal;">El uso de condicionales puede ayudar a guiar a los estudios@s por un camino sugerido para completar el objetivo de finalización del aula de forma satisfactoria.</span></li>
<li><span style="font-size: small; font-weight: normal;">Debido a que no es necesario establecer fechas los estudios@s pueden avanzar en el curso de acuerdo a sus necesidades.</span></li>
<li><span style="font-size: small; font-weight: normal;">A pesar que un estudios@ puede avanzar cumpliendo las condicionales, el docente juega un papel importante en el establecimiento de las mismas y en velar por la creación del "mejor" camino que el usuario puede seguir.</span></li>
</ul>
<div>
<span style="font-size: small;"><span style="font-weight: normal;"><br /></span></span></div>
<div>
<span style="font-size: large;">Jorge Rubiano.</span></div>
<div>
<span style="font-weight: normal;"><a href="https://twitter.com/ostjh" target="_blank"><span style="font-size: large;">@ostjh</span></a></span></div>
</center>
</h2>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com1tag:blogger.com,1999:blog-3619773904197753749.post-60942296676250900612014-12-16T11:50:00.004-08:002014-12-16T11:50:49.981-08:00Juegos Serios EducativosLos juegos serios (Serius games o games for Impact) se centran en el diseño, desarrollo, aplicación y uso de los juegos para otros fines que no son sólo el entretenimiento.<br />
<br />
En la siguiente presentación profundizo en mayor medida en este tema.<br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="355" marginheight="0" marginwidth="0" scrolling="no" src="//www.slideshare.net/slideshow/embed_code/40688484" style="border-width: 1px; border: 1px solid #CCC; margin-bottom: 5px; max-width: 100%;" width="425"> </iframe></div>
<br />
<br />
Actualmente sabemos que el aprendizaje se ve reforzado a través del juego y en este ámbito se ha creado una serie de "Minijuegos" a través de la <a href="https://play.google.com/store/apps/details?id=com.umb.chatv2">APP nativa</a> para dispositivos Android que se ha desarrollado.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOIcN9wIBuFT0cnn6Q9cp-fM2RNMQ4Vj7eb3VsY-hd8evXrEtpdy_Wt4Adnq9Ka3vcvIrkyCEvDutzvCF7cVVm48dqKmqndhpq3XNMwh8bDu3CNt_x2AveCTxKp5XB1FJ7ltm3oRY5_w/s1600/imgAplica01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOIcN9wIBuFT0cnn6Q9cp-fM2RNMQ4Vj7eb3VsY-hd8evXrEtpdy_Wt4Adnq9Ka3vcvIrkyCEvDutzvCF7cVVm48dqKmqndhpq3XNMwh8bDu3CNt_x2AveCTxKp5XB1FJ7ltm3oRY5_w/s1600/imgAplica01.png" height="400" width="223" /></a></div>
<br />
<br />
<br />
Está APP provee a los usuarios la capacidad de comunicarse con sus docentes y compañeros a través del denominado <a href="http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html">Chat Social</a>.<br />
<br />
Pero adicional al componente de comunicación se ha proveído la capacidad de aprender mientras se juega, a través de tres "Minijuegos":<br />
<br />
<h3 style="text-align: center;">
¿Quién quier ser estudioso?</h3>
<div>
<br /></div>
<div style="text-align: center;">
<span id="docs-internal-guid-216b7c95-5482-ec3a-106a-c0d7bcb70a7e"><img height="399px;" src="https://lh4.googleusercontent.com/b1PUCUHOGuLB7PzKsbVrYW9OlT2jETGINiBHm_dYD4vJMUE_O93P-ZOuJgRbo0zAV4bUiYV0PJkesrf54aTDmihAD7uJKfldkYfUsn3Ur6GfxPEK02u6KqNqYrNCrfoNZ5RZ" width="224px;" /></span></div>
<div>
<br /></div>
<div>
<br /></div>
Este juego está ambientando en el Popular juego <a href="http://es.wikipedia.org/wiki/%C2%BFQui%C3%A9n_quiere_ser_millonario%3F">"¿Quién quiere se millonario?"</a> en este se le plantean una serie de inquietudes a los usuarios, las cual tienen que ver con sus asignaturas, de está manera alguna de las preguntas que responden pueden ser parte de algún cuestionario que en algún momento se les plantee.<br />
<br />
El juego cuneta con las ayudas propias del juego como:<br />
<br />
<br />
<ul>
<li>50/50</li>
<li>Ayuda del público.</li>
<li>Cambiar de Pregunta. </li>
</ul>
<br />
<br />
<div style="text-align: center;">
<span id="docs-internal-guid-216b7cb0-5482-6b00-01fa-2ad9ae6bc604"><img height="428px;" src="https://lh3.googleusercontent.com/9f-7Oy9c06xe_AA9hjHJqJbxjvNNNtac2DnluzsvHbz4KjManSXH6F5Bba2xWtRJoI3VYqpluw5Nagudwpegvlwv9emJs2TxVe8v7aoJf2HDceuq8f8_B3xGyWcGv9DsFio8" width="241px;" /></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Así como un ranking de puntuación en donde se muestran los resultados de los usuarios, debido a que en el juego se les entrega una calificación en funciona de las preguntas que conteste.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<img height="400" src="https://lh5.googleusercontent.com/C_qIX0rHJc59eyxwawGJw_UiPnTp-wc-QV1JfJIFEtjdln6ywa-o2OJVRkJVqYdcjyvxXvTQQy156rIyxLdYbn1fVi_6KQoeJmeeSsO-C6J3vG5LIetxq1Qm_8gx8zb0ccU7" style="text-align: start;" width="222" /></div>
<div style="text-align: center;">
<br /></div>
<h3 style="text-align: center;">
Triqui UMB (Tic Tac Toe)</h3>
<div>
<br /></div>
<div>
Juego en el cual el usuario buscará hacer "Triqui", la variante de este juego está relacionada al planteamiento de preguntas cuando el usuario hace la jugada, si la pregunta es contestada correctamente se marcará la jugada de lo contrario se le dará la oportunidad al otro jugador.</div>
<div>
<br /></div>
<div>
La actividad cuenta con 05 Modos de juego.</div>
<div>
<br /></div>
<div>
<ol>
<li>Usuario Vs PC con preguntas.</li>
<li>Usuario Vs PC sin preguntas.</li>
<li>Usuario Vs PC con Inteligencia artificial (<a href="http://es.wikipedia.org/wiki/Minimax">MiniMax</a>) con preguntas .</li>
<li>Usuario Vs PC con Inteligencia artificial (MiniMax) sin preguntas .</li>
</ol>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNElBSzZl2U0EETy1vPYjq1-eLLwfCqVKAksMpZPPvfWWQYnjdFykraXhGOf2pWOvnJkQcFOPYsWN_-fbWVpusDeMKnilh6Tt0vjH2EioFQUbwX0Cg6wbbtYHnmtpdtj89aPawH0lCJo/s1600/Screenshot_2014-12-16-14-16-38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNElBSzZl2U0EETy1vPYjq1-eLLwfCqVKAksMpZPPvfWWQYnjdFykraXhGOf2pWOvnJkQcFOPYsWN_-fbWVpusDeMKnilh6Tt0vjH2EioFQUbwX0Cg6wbbtYHnmtpdtj89aPawH0lCJo/s1600/Screenshot_2014-12-16-14-16-38.png" height="400" width="225" /></a></div>
<span id="goog_1442133905"></span><span id="goog_1442133906"></span><br /></div>
<div>
<br /></div>
<div>
El quinto modo tiene que ver con la posibilidad de jugar don jugador en tiempo real, haciendo uso para tal fin de WebSockets.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7t8GZ8obCw52lhg7Lu0P7faG_3tXVbONFyXqyNT2-U-cbblGqSGi_mU-uasRD9FAR_SCw4uhwGY3hlbiBCexRKMaZpn6NTEXoF9AAgqoGlhqpycPwDI2bw8eYHLghyphenhyphen3VPZiiFD6CPG80/s1600/imgAplica02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7t8GZ8obCw52lhg7Lu0P7faG_3tXVbONFyXqyNT2-U-cbblGqSGi_mU-uasRD9FAR_SCw4uhwGY3hlbiBCexRKMaZpn6NTEXoF9AAgqoGlhqpycPwDI2bw8eYHLghyphenhyphen3VPZiiFD6CPG80/s1600/imgAplica02.png" height="400" width="225" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Permitiendo de esta manera que el juego se desarrolle cooperativamente, y buscando la competencia entre los usuarios, ya que por cada jugada se deberá contestar una pregunta.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLhrUHnDw3vXm7nhcU9X2tkMOJU7Ndp9BeM0MrE0sE0Rd5mu2lvgWgmYmLbMyXT5knSg-7QcNRQmYcEjg01JClZib8wxlj4tImIFf2UMnuY1TS1ZufRf3owto1zHPpKzvHROhPOrr3No/s1600/Screenshot_2014-12-16-14-22-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKLhrUHnDw3vXm7nhcU9X2tkMOJU7Ndp9BeM0MrE0sE0Rd5mu2lvgWgmYmLbMyXT5knSg-7QcNRQmYcEjg01JClZib8wxlj4tImIFf2UMnuY1TS1ZufRf3owto1zHPpKzvHROhPOrr3No/s1600/Screenshot_2014-12-16-14-22-01.png" height="400" width="225" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3 style="clear: both; text-align: center;">
El laberinto</h3>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV7LCk_ngHEGOtvHBaATYyh9lvJ6NZ52u8xDLIZ-8zG8IDISUOJn4BmAhI3-6w2ifpiZ8z9oEXUSQQd4_yam07goLxqPiUgi8BZjcjW0W-r-obdoA5X1ZWGeo_P84nHTbaOob0neJl0DM/s1600/Screenshot_2014-12-15-16-29-37.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV7LCk_ngHEGOtvHBaATYyh9lvJ6NZ52u8xDLIZ-8zG8IDISUOJn4BmAhI3-6w2ifpiZ8z9oEXUSQQd4_yam07goLxqPiUgi8BZjcjW0W-r-obdoA5X1ZWGeo_P84nHTbaOob0neJl0DM/s1600/Screenshot_2014-12-15-16-29-37.png" height="400" width="265" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="text-align: justify;">Esta actividad tiene como objetivo llevar una esfera de un punto a un hoyo final, a través de un escenario que cuenta con otros hoyos, el usuario al caer en uno de estos se le planteará una pregunta, si responde correctamente la misma, el hoyo desaparecerá, de lo contrario cambiará de color y si el usuario vuelve a caer en el mismo hoyo, perderá.</span></div>
<div>
<span style="text-align: justify;"><br /></span></div>
<div>
<span style="text-align: justify;">Este juego ha sido desarrollado haciendo uso de la librería conocida como <a href="http://phaser.io/">Phaser.js,</a> siguiendo el manual <a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">"</a></span><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">Introduction to HTML5 Game Development with Phaser and the Device Orientation API</a><span style="text-align: justify;"><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">"</a> en el cual se plantea el desarrollo de este juego, haciendo uso para su movimiento de la orientación del dispositivo (<a href="http://es.wikipedia.org/wiki/Aceler%C3%B3metro">acelerómetro</a>)</span></div>
</div>
</div>
<div>
<span style="text-align: justify;"><br /></span></div>
<div>
<span style="text-align: justify;">Para esta actividad se desarrollo un editor de escenario con el cual es posible crear una gran variedad de mundos.</span></div>
<div>
<span style="text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYhKhp-2mMiSBqhAF_Cit4mum9HMldPjyBKG_txNDhBpG1rzhSB0jl6_WZ4GQ9cJcszx8eIRm3V9t6eG7tzUkwLAvUTbpBjnOSIhD0OdBsCoim7Mm6AQzeaiUX8EAo2Iyu06VbXZOL2A/s1600/editor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoYhKhp-2mMiSBqhAF_Cit4mum9HMldPjyBKG_txNDhBpG1rzhSB0jl6_WZ4GQ9cJcszx8eIRm3V9t6eG7tzUkwLAvUTbpBjnOSIhD0OdBsCoim7Mm6AQzeaiUX8EAo2Iyu06VbXZOL2A/s1600/editor.png" height="400" width="378" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Como se dijo la dinámica del juego tiene un componente educativo debido a que el usuario deberá contestar preguntas en el caso que caiga en un hoyo no válido.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNlj2d-KtQtLYWJXJgohqnBZIG_2O7dc51uuv73PPH2i-6DtCQvp31JkAvutFrgbxe4ST9trNAzaCcagTQFjsQyJA7xX0Uc8yIb7ZmnvVqSiYxXQDAZglO98KHufj1ZnvAcNqtf52RR0/s1600/Screenshot_2014-12-15-16-26-44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNlj2d-KtQtLYWJXJgohqnBZIG_2O7dc51uuv73PPH2i-6DtCQvp31JkAvutFrgbxe4ST9trNAzaCcagTQFjsQyJA7xX0Uc8yIb7ZmnvVqSiYxXQDAZglO98KHufj1ZnvAcNqtf52RR0/s1600/Screenshot_2014-12-15-16-26-44.png" height="400" width="225" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7be8Iy4ewlBzGzZZ-Let9vEMwDB2SfU-W8px1vl07-WSPWWiJuJYQhlMQT058qstUpvJNuv9yElByB2dt7quW295GGcnmJxFEP4Aw4flhf9tJv66a74gFJoB2T64hjLPb799fxODOLPY/s1600/Screenshot_2014-12-15-16-27-00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7be8Iy4ewlBzGzZZ-Let9vEMwDB2SfU-W8px1vl07-WSPWWiJuJYQhlMQT058qstUpvJNuv9yElByB2dt7quW295GGcnmJxFEP4Aw4flhf9tJv66a74gFJoB2T64hjLPb799fxODOLPY/s1600/Screenshot_2014-12-15-16-27-00.png" height="400" width="265" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Estas actividades han ayudado a los usuarios a reforzar los conocimientos adquiridos en las asignaturas que se encuentren a través de los juegos.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Aún existe una gran cantidad de juegos que pueden ser aprovechados en los dispositivos móviles, estos tres son un ejemplo de ello.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h3 style="clear: both; text-align: justify;">
Tecnología.</h3>
<div class="separator" style="clear: both; text-align: justify;">
La APP está dentro de la categoría de las <a href="http://virtualnet2-0.blogspot.com/2014/07/video-llamadas-version-movil.html">aplicaciones híbridas</a> en la cual se hace uso de un componente nativo para interactuar con el dispositivo y un entorno web (<a href="http://developer.android.com/reference/android/webkit/WebView.html">WebView</a>).</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Esto ha permitido hacer uso de los estándares web para tal fin, haciendo uso de HTML5/CSS3/Javascript y nuevas tecnologías como <a href="http://es.wikipedia.org/wiki/Canvas_(HTML)">Canvas</a> y <a href="http://es.wikipedia.org/wiki/WebSocket">WebSo<span id="goog_2030306003"></span><span id="goog_2030306004"></span>ckets</a></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<i>"Los juegos proporcionan un ambiente motivador y envolvente donde los jugadores "aprenden haciendo" a través de sus propios errores, gracias a desafíos adecuados a su nivel de competencia y a una retroalimentación constante."</i></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Gracias.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Jorge Rubiano.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://twitter.com/ostjh">@ostjh</a></div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-53520178699521459072014-07-16T12:26:00.002-07:002014-07-16T12:26:27.228-07:00Vídeo llamadas Versión MóvilLas nuevas tecnologías web han permitido el desarrollo de aplicaciones que antes requerían de software adicional (<a href="http://es.wikipedia.org/wiki/Complemento_(inform%C3%A1tica)">plugins</a>) para su creación.<br />
<br />
He tenido la fortuna de hacer uso de estás nuevas tecnologías, como <a href="http://es.wikipedia.org/wiki/WebSockets">WebSockets </a>o <a href="http://www.webrtc.org/">WebRTC</a>, ésta última representa una gran oportunidad para crear aplicaciones que ofrezcan un sistema de comunicación en tiempo real, enviado vídeo, audio y datos punto a punto.<br />
<br />
Otro campo importante es la creación de aplicaciones para dispositivos móviles, destacándose tres categorías para lograrlo como son:<br />
<br />
<div style="text-align: center;">
<a href="http://appsillustrated_nativewebhybrid.jpg/"><img alt="appsillustrated_nativewebhybrid.jpg" height="202" src="https://lh6.googleusercontent.com/rBebunB_1AwAW_aM4LOnclGu9YV-LnO6w7io9EPSSpgG619r6Xrf5YV4ONOio7npRkCPm8Wy60U2sZ2GiJlf_3H60_xLeDHfHBMOjsKwbxs6-1XKVdrOMBqcA9dqJfAMcSlG" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span id="docs-internal-guid-08562806-3ff3-20b3-915e-f95ea1b725b6"></span></div>
<div dir="ltr" style="line-height: 1; margin-bottom: 0pt; margin-top: 0pt; text-align: center;">
<a href="http://bizitpi.blogspot.com/2012/12/what-should-i-choose-native-or-hybrid.html" style="text-decoration: none;"><span style="background-color: transparent; color: #1155cc; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">http://bizitpi.blogspot.com/2012/12/what-should-i-choose-native-or-hybrid.html</span></span></a></div>
<br />
<br />
<ol>
<li><b>Aplicaciones Nativas:</b> Se construyen para una plataforma específica y con un lenguaje específico (por ejemplo, xCode / Objective-C ó Swift para iOS, Eclipse / Java para Android, Visual Studio / C # para Windows Phone).</li>
<li><b>Aplicaciones Web (Web App):</b> <span id="docs-internal-guid-95d93cd7-3ff5-1f44-bd94-ed9eeb0fb9cc"><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;">Es una versión de la web optimizada para su perfecta visualización en dispositivos móviles utilizando HTML5, CSS3 y Javascript.</span></span></li>
<li><span style="font-family: Arial; font-size: 15px; vertical-align: baseline; white-space: pre-wrap;"><b>Aplicaciones Híbridas:</b> </span><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Al igual que las aplicaciones nativas, se ejecutan en el dispositivo, están escritas con tecnologías web (HTML5, CSS3 y JavaScript), éstas aplicaciones son ejecutadas en un contenedor nativo denominado <a href="http://developer.android.com/reference/android/webkit/WebView.html">WebView</a>. Por ser una aplicación que se ejecuta en el dispositivo puede tener acceso a APIS nativas del mismo como el Acelerómetro, notificaciones, almacenamiento local, funcionamiento offline, entre otras opciones.</span></span></li>
</ol>
<div style="text-align: center;">
<span id="docs-internal-guid-026edcd1-3ffa-3a6c-79d8-1562046a1bfb"><img alt="native-v-hybrid.png" height="301" src="https://lh3.googleusercontent.com/U3c22lQH9lElTvPrfDE2WPBjV_RNnVWYyQnKhyfCjs1KoXSUpTEhTUTD9L9VRN28DFPOZ6NVJm39qMRlSAF73ZjfQ8H1UsCefVa8DAvKjAupgQmkGzukCr819kxNK-c6ZMNk" width="400" /></span></div>
<div style="text-align: center;">
<span id="docs-internal-guid-026edcd1-3ffa-93b3-6d5f-aa1df69e7b5d"><span style="color: #1155cc; font-family: Arial; font-weight: bold; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><span style="font-size: x-small;"><a href="http://bizitpi.blogspot.com/2012/12/what-should-i-choose-native-or-hybrid.html" style="text-decoration: none;">http://bizitpi.blogspot.com/2012/12/what-should-i-choose-native-or-hybrid.html</a></span></span></span></div>
<div style="text-align: center;">
<span style="color: #1155cc; font-family: Arial; font-weight: bold; text-decoration: underline; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Anteriormente</span></span><span style="font-family: Arial; font-size: 15px; text-align: left; white-space: pre-wrap;"> ya se ha realizado una <a href="http://virtualnet2-0.blogspot.com/2014/04/virtualnet-20-mobile-nuevas.html">aplicación móvil </a>haciendo uso del tipo de aplicaciones Web o web APP, entregando opciones como:</span></div>
<div style="text-align: left;">
<span style="font-family: Arial; font-size: 15px; text-align: left; white-space: pre-wrap;"><br /></span></div>
<div style="text-align: left;">
<ul>
<li><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Vista de contenidos.</span></span></li>
<li><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Correo electrónico.</span></span></li>
<li><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Calendario.</span></span></li>
<li><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Vista de calificaciones.</span></span></li>
<li><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Participantes del curso.</span></span></li>
<li><span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Y el sistema de Chat.</span></span></li>
</ul>
<div>
<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Éste último hace uso de WebSockets, en combinación de <a href="http://nodejs.org/">Node.js</a>/<a href="http://socket.io/">Socket.io</a> para su funcionamiento, a este sistema se le ha adicionado una nueva opción la cual es vídeo llamadas.</span></span></div>
<div>
<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><br /></span></span></div>
<div>
<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;">Con este sistema los usuarios de la versión móvil tiene la capacidad de establecer una vídeo llamada con los usuarios de la versión de escritorio y viceversa..</span></span><br />
<span style="font-family: Arial;"><span style="font-size: 15px; white-space: pre-wrap;"><br /></span></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TsKtQWC3TTUZIuuah_tyfHH_V1FYL2QYJtScwM9WrSOTlzHRA5FuQSJPp6W93vpWMBEcHS4RfZ4Q-NU-efA_TniNibL1Ced2hIhlmj_dY6rqp1wrjHyUb1goK_Mogz5rcF3YG7RcMrg/s1600/videoCallp.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TsKtQWC3TTUZIuuah_tyfHH_V1FYL2QYJtScwM9WrSOTlzHRA5FuQSJPp6W93vpWMBEcHS4RfZ4Q-NU-efA_TniNibL1Ced2hIhlmj_dY6rqp1wrjHyUb1goK_Mogz5rcF3YG7RcMrg/s1600/videoCallp.gif" height="200" width="169" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-PNIf9ox_ZnKWrRRO7oD-Gq5XPhB0MYsyWGb15Z9JBk3gDmyJctMu8onUDfiVTqAQLrZ9-e1lOcYSqbCBw38hNMCQPv8iKbVVverUhNmkAxPB5concRjb-EbvgEta7A3TbC8DnJlktg/s1600/Screenshot_2014-07-12-09-46-51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-PNIf9ox_ZnKWrRRO7oD-Gq5XPhB0MYsyWGb15Z9JBk3gDmyJctMu8onUDfiVTqAQLrZ9-e1lOcYSqbCBw38hNMCQPv8iKbVVverUhNmkAxPB5concRjb-EbvgEta7A3TbC8DnJlktg/s1600/Screenshot_2014-07-12-09-46-51.png" height="320" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Para hacer esto posible se hace uso de WebRTC, tecnología que está presente en el mundo móvil de Android en Navegadores como Chrome y firefox.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Para el funcionamiento del sistema primero se establece si el usuario móvil tiene las capacidades para realizar el proceso, en este caso tan sólo en Android es posible realizarlo, igualmente en el escritorio los navegadores Chrome, Firefox y Opera permiten WebRTC, si se cumplen estas condiciones los usuarios podrán entablar su vídeo llamada:</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li>De un equipo de escritorio a otro equipo.</li>
<li>De un equipo de escritorio a un móvil.</li>
<li>De un móvil a un <span style="text-align: justify;">equipo de escritorio</span></li>
<li><span style="text-align: justify;">De un móvil a otro.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGx-y5FeqOrcn6mDCMl2gHMEqlKSAHoqnnpr-MZSBU_xWskWk-62k4SNVorqoHAa3KVoa1u6DYMv8zmXX1G9hIPBi_kdvu3tmiuXeBJqV3Hnc2LW3l2K5nHW6s8eVymq6jaCBEFh8_4c/s1600/droidAtScreen-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGx-y5FeqOrcn6mDCMl2gHMEqlKSAHoqnnpr-MZSBU_xWskWk-62k4SNVorqoHAa3KVoa1u6DYMv8zmXX1G9hIPBi_kdvu3tmiuXeBJqV3Hnc2LW3l2K5nHW6s8eVymq6jaCBEFh8_4c/s1600/droidAtScreen-6.png" height="320" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2tWHwXBm62pqzLyUZbl5Q8vIQBqoIso_EDJJLtJ77dCZffUL6ZbT-m4gLcNhhoDWgYWt0SP28n-0v-PHLfI1RcV5-_UnjbNvnkSsiDduU0-DW8qHff_rDT22BApAJkhdvUqg1c61zKc/s1600/droidAtScreen-7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD2tWHwXBm62pqzLyUZbl5Q8vIQBqoIso_EDJJLtJ77dCZffUL6ZbT-m4gLcNhhoDWgYWt0SP28n-0v-PHLfI1RcV5-_UnjbNvnkSsiDduU0-DW8qHff_rDT22BApAJkhdvUqg1c61zKc/s1600/droidAtScreen-7.png" height="320" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXhyobj7pvT7fh9NkxLC2VFr23MXDIwe-loAQObYOzi8cuhEnSR5fw5gnQCk4oNsYOqfbI8LY7hUE2N7ceHfAAtzJHgyt8lWOPESzIMEnX9c9GF4pRlFg_RJFAfBZ5WkRRjEPg4aX91tE/s1600/Screenshot_2014-07-12-09-46-43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXhyobj7pvT7fh9NkxLC2VFr23MXDIwe-loAQObYOzi8cuhEnSR5fw5gnQCk4oNsYOqfbI8LY7hUE2N7ceHfAAtzJHgyt8lWOPESzIMEnX9c9GF4pRlFg_RJFAfBZ5WkRRjEPg4aX91tE/s1600/Screenshot_2014-07-12-09-46-43.png" height="320" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3 style="clear: both; text-align: justify;">
Próximas versiones.</h3>
<div class="separator" style="clear: both; text-align: justify;">
Hoy en día las nuevas tecnologías web mejoran a pasos "agigantados" y en los dispositivos móviles igualmente, tecnologías como <a href="https://github.com/slightlyoff/ServiceWorker/">ServiceWorker</a>, traen nuevas opciones para desarrollar y dotar a aplicaciones web (Web Apps) a la par de aplicaciones nativas.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Esta y otras tecnologías mejoran de forma considerable, pero aún dependen del navegador, un enfoque para una futura versión es la de hacer uso del tipo de aplicaciones Híbridas, que permiten hacer uso de lo mejor de los dos mundos, <a href="http://phonegap.com/">Phonegap</a>, <a href="https://xamarin.com/">Xamarin</a>, entre otros aprovechan está ventaja, dando la posibilidad de desarrollar en un sólo lenguaje y desplegar para diferentes dispositivos.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Por el momento tecnologías como WebRTC no están disponibles en todos los WebViews de Android (Sabemos que en iOS la inclusión de estás tecnologías aún están en veremos), pero en las actuales versiones de Android como Kitkat o "L" está disponible.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkGBi6HEhOk3KVOCnvLtyYv5EGhRfxXTKKPmJ01QU2df323rakx3CEe_6n5gZFKnPRruYihb8vIQ2n-3jTZL4Zaehi3hiJYpVs9WGBCkn20s_yzfEffuEtK5oM7B_wt6HW-JFBAeMEzsE/s1600/webview.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkGBi6HEhOk3KVOCnvLtyYv5EGhRfxXTKKPmJ01QU2df323rakx3CEe_6n5gZFKnPRruYihb8vIQ2n-3jTZL4Zaehi3hiJYpVs9WGBCkn20s_yzfEffuEtK5oM7B_wt6HW-JFBAeMEzsE/s1600/webview.png" height="296" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://developer.chrome.com/multidevice/webview/overview">https://developer.chrome.com/multidevice/webview/overview</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Esto abre una posibilidad de creación de sistemas híbridos que aprovechan aún más las capacidades nativas que ofrece el dispositivo.</div>
</div>
</div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com2tag:blogger.com,1999:blog-3619773904197753749.post-59980456414337818942014-04-10T08:29:00.001-07:002014-04-10T08:29:17.883-07:00VirtualNet 2.0 - Mobile: Nuevas Funcionalidades<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a>, es un sistema que cuenta con una versión para dispositivos móviles haciendo uso de una <a href="http://www.startcapps.com/blog/que-es-una-web-app/">WebApp </a>instalada, más no nativa.<br />
<br />
En está <a href="http://virtualnet2-0.blogspot.com/2012/07/virtualnet-20-version-movil.html">WebApp</a>, los usuarios pueden consultar información, como correo electrónico, notificaciones, hoja de calificaciones y ver contenido desplegado para este tipo de dispositivos.<br />
<br />
Recientemente se han adicionado nuevas herramientas de comunicación para los usuarios como son:<br />
<br />
<br />
<ul>
<li>Envío/respuesta de correos electrónicos.</li>
<li>Sistema de comentarios sobre los contenidos.</li>
<li>Sistema de Chat Social.</li>
</ul>
<h3>
Envío/respuesta de correos electrónicos</h3>
<div>
<br /></div>
<div>
El usuario podrá leer correos electrónicos del aula en que se encuentre, también podrá enviar nuevos correos y responder a otros correos.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhszHjEjs1fnzRFJopTbv5cK8AeMtPdGLejYggw8aO0WyWHYJAUElgl7IZSF6ogJX5nx2hJi_djxTzKm0NGUEZYS80jrogzMWVrAW4mpazLW9Qdu0RAuENcgK9A2TA4Ux4zgI49_mda1pk/s1600/EnviarMensajeCorreo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhszHjEjs1fnzRFJopTbv5cK8AeMtPdGLejYggw8aO0WyWHYJAUElgl7IZSF6ogJX5nx2hJi_djxTzKm0NGUEZYS80jrogzMWVrAW4mpazLW9Qdu0RAuENcgK9A2TA4Ux4zgI49_mda1pk/s1600/EnviarMensajeCorreo.gif" height="320" width="204" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Se podrá seleccionar múltiples usuarios para realizar el envío, también se puede ver la cantidad de correos pendientes por leer, así como el número de correos enviados, por si se desea reenviar un correo.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h3>
Sistema de comentarios sobre los contenidos.</h3>
<div>
Cada contenido en el sistema podrá ser comentado por los usuarios, a su vez un comentario puede ser comentado, los usuarios tendrán un máximo de 400 caracteres para expresar sus opiniones.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvN9iZhkvkI4y3U-JoQ1gWkCHNAZHO6BPOBhPvmo7nOWBnmUo5fArlGuA5at75jeh62S9HwnmQeasnHSqbcs75i4vnus0v3QhfKDCi_5i9vxDS9CFoNUTpaA6M5dR5Q4X1-lrd6ezA54/s1600/Comentarios2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvN9iZhkvkI4y3U-JoQ1gWkCHNAZHO6BPOBhPvmo7nOWBnmUo5fArlGuA5at75jeh62S9HwnmQeasnHSqbcs75i4vnus0v3QhfKDCi_5i9vxDS9CFoNUTpaA6M5dR5Q4X1-lrd6ezA54/s1600/Comentarios2.gif" height="320" width="210" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
El tipo de contenidos que es posible publicar van desde imágenes hasta vídeos, esto depende de las capacidades del navegado móvil en que se esté desplegando la aplicación.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h3>
Sistema de Chat Social.</h3>
<div>
Una de las herramientas de comunicación más importante con la que cuenta el sistema VirtualNet 2.0, es el relacionado al <a href="http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html">Chat Social</a>, el cual permite realizar varias acciones como la comunicación pública, privada, grupal y a través de vídeo llamadas de los participantes de un aula, se ha llevado parte de esa experiencia a la versión móvil.</div>
<div>
<br /></div>
<h4>
Seleccionar usuarios:</h4>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYionLWZRW8DWaCxBavfA9G6_WWDOTWbuW6wJPOUGwRT9EX553RUHKLpLABmJKVIbv6lVBaoyjnNdtusSIYaEuV2Ew_yXlYHia04kd2s0Um4RHESVKCGzWBfEFSO3-l-fSBQ60KXBFtA/s1600/seleccionaUser.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYionLWZRW8DWaCxBavfA9G6_WWDOTWbuW6wJPOUGwRT9EX553RUHKLpLABmJKVIbv6lVBaoyjnNdtusSIYaEuV2Ew_yXlYHia04kd2s0Um4RHESVKCGzWBfEFSO3-l-fSBQ60KXBFtA/s1600/seleccionaUser.gif" height="320" width="236" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
En la versión móvil los usuarios podrán entablar conversaciones tanto públicas como privadas, seleccionado el usuario o grupo (Chat Público) en el que quiera conversar, está conversación puede realizarla con otro usuario que se encuentre en otro móvil o en un equipo de escritorio.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h4>
Notificaciones.</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkLkfGcT7SV6i_35Ji9g1zzaOTaaKzqsYTbrV2-84juejkVlOtmTKNr-8jkWsGI4p6oM3foZOAgTSJE6TC1JRBBbkOJM-v6xIZ_qcQP9K_YK0gZ5mvzVO0MaEa3dkoLHpgjwzOESWEe0/s1600/Notificaciones.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkLkfGcT7SV6i_35Ji9g1zzaOTaaKzqsYTbrV2-84juejkVlOtmTKNr-8jkWsGI4p6oM3foZOAgTSJE6TC1JRBBbkOJM-v6xIZ_qcQP9K_YK0gZ5mvzVO0MaEa3dkoLHpgjwzOESWEe0/s1600/Notificaciones.gif" height="320" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Se mantiene el número de conversaciones enviadas a un usuario que estaba offline o que estaba conversando con otro usuario en el momento de recibir el mensaje, a través de la opción de notificaciones se muestra la sumatoria de conversaciones pendientes, así como la cantidad por cada usuario.</div>
<div>
<br /></div>
<h4>
Cambio de Estado</h4>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGxKvF_2Aac6f6Z1Xq-vrEvqPPkvnCeUm5YbtbrQ9_nXuUAKqcxzKnJslktUsdQoHblnqMSedLUVAtSQAKgHbQpiZdj2StdP4L4COHMxtmVfJaDaP4gittZKETQ_oIJ35eB5kXV-WBZgk/s1600/CambioEstado.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGxKvF_2Aac6f6Z1Xq-vrEvqPPkvnCeUm5YbtbrQ9_nXuUAKqcxzKnJslktUsdQoHblnqMSedLUVAtSQAKgHbQpiZdj2StdP4L4COHMxtmVfJaDaP4gittZKETQ_oIJ35eB5kXV-WBZgk/s1600/CambioEstado.gif" height="320" width="238" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Un usuario puede establecer el tipo de estado en que se encuentra, podrá igualmente conversar con otros usuarios estando en estado "Inactivo".</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<h4>
Ir a otras salas (Cursos) de Chat</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gOD0yGkR-QpJYb7mx_ltlo7YouEjsNG4qUS4YUT69iPIA_FB8tUKkwpHUm7pmD2yMevmYmdzoI7BBVqaAp7atO3gKedzWVAc029Zk0YE9wQ1ZS8RR1BGbQ1b2BYXxrZaeJQKOe0XbDM/s1600/OtrosCursos.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gOD0yGkR-QpJYb7mx_ltlo7YouEjsNG4qUS4YUT69iPIA_FB8tUKkwpHUm7pmD2yMevmYmdzoI7BBVqaAp7atO3gKedzWVAc029Zk0YE9wQ1ZS8RR1BGbQ1b2BYXxrZaeJQKOe0XbDM/s1600/OtrosCursos.gif" height="320" width="241" /></a></div>
<div>
<br /></div>
<div style="text-align: justify;">
Es muy común que un usuario cuente con más de un curso, debido a que los chat se manejan a través de salas, en las cuales sólo las personas que hacen parte de un determinado grupo puede conversar entre si, para poder conversar en otros usuarios de otros cursos, el usuario podrá elegir el curso e ingresar a la conversación del mismo.</div>
<div>
<br /></div>
<div>
Estas nuevas funcionalidades buscan entregarle al usuario un mayor nivel de interactividad con sus compañeros del aula a través de los dispositivos móviles, debido a que es un WebAPP, ésta tan sólo requiere que el navegador web donde se despliegue cuente con los últimos estándares web (HTML5/CSS3/Javascript).</div>
<div>
<br /></div>
<div>
La tecnología detrás del chat es la misma utilizada para versión de<a href="http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html"> escritorio</a>, en esta se hace uso de los denominados <a href="http://es.wikipedia.org/wiki/WebSocket">WebSockets</a>, así como el entrono de programación <a href="http://es.wikipedia.org/wiki/Nodejs">Node.js</a></div>
<div>
<br /></div>
<div>
En versiones posteriores se busca realizar aplicaciones nativas que aprovechen más aún los recursos que ofrecen en este tipo de dispositivos móviles.</div>
<div>
<br /></div>
<div>
Jorge Rubiano</div>
<div>
<a href="https://twitter.com/ostjh">@ostjh</a></div>
<div>
<br /></div>
<br />
<br />
<div>
<br /></div>
<br />
<ul></ul>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-64117339056903376462013-08-30T09:44:00.002-07:002013-08-30T12:43:07.016-07:00EtherPad - Trabajo Colaborativo<div style="text-align: justify;">
La educación virtual tiene como objetivo la enseñanza de un determinado tema a través de los medios tecnológicos, la UMB Virtual a través del desarrollo del sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a>, busca dar a los usuarios herramientas que logren este objetivo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El sistema actualmente cuenta con herramientas de comunicación como es el caso del <a href="http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html">Chat Social</a>, recientemente actualizado a una nueva tecnología para el manejo de la comunicación en tiempo real, este tipo de comunicación es muy importante en la web actual, es por esto que se ha implementado un nuevo sistema conocido como Trabajo Colaborativo, el cual hace uso de la excelente librería conocida como <a href="http://etherpad.org/">EtherPad Lite.</a></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ5gVuN034-bvfPpCt4cY9WmkR4wo8frlq8usAthg6YxvYPVGERFmabYRb-D7wauidM4VsIisEot31Nik-YvQhVN69qjKF3fEnRbWmncYRFQiTTG5zOVCa8otgp5JyY50LsYKj7z7CdQw/s1600/Captura+de+pantalla+2013-08-30+a+la(s)+10.23.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ5gVuN034-bvfPpCt4cY9WmkR4wo8frlq8usAthg6YxvYPVGERFmabYRb-D7wauidM4VsIisEot31Nik-YvQhVN69qjKF3fEnRbWmncYRFQiTTG5zOVCa8otgp5JyY50LsYKj7z7CdQw/s400/Captura+de+pantalla+2013-08-30+a+la(s)+10.23.45.png" width="400" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El trabajo colaborativo, busca que varios usuarios en tiempo real desarrollen un documento, en el cual pueden plasmar sus ideas y realizar correcciones, no sólo a sus propias aportaciones sino a los demás compañeros.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="http://etherpad.org/">EtherPad Lite </a>otorga la capacidad de trabajo colaborativo en un ambiente en el cual todos los usuarios al mismo tiempo escriben su aportación y los demás pueden verlo, debido a que la herramienta busca la conexión de varios usuarios, en algunos casos sin requerir autenticación, se ha creado un entorno de administración en cual se crean los denominados PAd's, ligado a la opción de poder establecer calificación a los usuarios de acuerdo al porcentaje de aportaciones que han realizado.</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: center;">
Esquema Trabajo colaborativo</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3xsOrv41V3i4jhegqi9Ibt67Cy2Nj-_LzdzQ1kUw13qiZqTqrU1T8mzCHMg207rSgm4eKgEgpZum8cvt_7uVlRUlgaoLNxuH7MQ17X37bZrRf7SNNAXKUT3WPdoHTaUhsEA_M4uL0pY/s1600/pad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3xsOrv41V3i4jhegqi9Ibt67Cy2Nj-_LzdzQ1kUw13qiZqTqrU1T8mzCHMg207rSgm4eKgEgpZum8cvt_7uVlRUlgaoLNxuH7MQ17X37bZrRf7SNNAXKUT3WPdoHTaUhsEA_M4uL0pY/s640/pad.jpg" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h2 style="text-align: center;">
Creación del PAD.</h2>
</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gBlBDYZq0RgFPuKNc4N6xHUq4YnPIDgY5ukK2EXpOzmyuoCWsEwOQp1uiM-OrqK4HMOASAzhjWeeWRhgzqMd6hIFsJEH1g1nDYVae5UNL4Ke8hcxIGe5lmkT2mmOwdvZyHm_6SlPwP4/s1600/Captura+de+pantalla+2013-08-30+a+la(s)+10.53.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gBlBDYZq0RgFPuKNc4N6xHUq4YnPIDgY5ukK2EXpOzmyuoCWsEwOQp1uiM-OrqK4HMOASAzhjWeeWRhgzqMd6hIFsJEH1g1nDYVae5UNL4Ke8hcxIGe5lmkT2mmOwdvZyHm_6SlPwP4/s400/Captura+de+pantalla+2013-08-30+a+la(s)+10.53.33.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Inicialmente se crea un Pad, en el cual se establecerán las opciones que tendrá como son:</div>
<ul>
<li>Nombre del PAD.</li>
<li>Descripción</li>
<li>Si será o no evaluable.</li>
<li>Rango de fechas en la que estará disponible.</li>
<li>Tipo de calificación.</li>
<li>Tipo de Distribución de grupos.</li>
<li>Distribución de grupos.</li>
</ul>
<div>
<h4>
Evaluación del PAD.</h4>
Un Pad puede ser evaluable si éste ha sido relacionado con una actividad de la hoja de calificaciones del curso.<br />
<br />
<h4>
Tipo de Calificación.</h4>
Existen tres tipo de calificación:<br />
<br />
<br />
<ol>
<li>Calificación grupal: En la cual se establece la nota por grupo.</li>
<li>Calificación individual: Se califica de forma individual al usuario de un grupo.</li>
<li>Calificación Combinada: En la cual se establece un porcentaje de calificación tanto grupal como individual.</li>
</ol>
<h4>
Tipo de Distribución de Grupos</h4>
<div>
Para distribuir a los usuarios en un grupo existen tres tipos:</div>
<div>
<br /></div>
<div>
<ol>
<li>Automática: En la cual de forma aleatoria se seleccionan los usuarios y se conforman los grupos.</li>
<li>Manual: El docente a carga seleccionará los usuarios que harán parte de los grupos.</li>
<li>Por Selección: En la cual se le da la oportunidad al estudioso de seleccionar el grupo al cual desean ser parte.</li>
</ol>
<h4>
Distribución de Grupos:</h4>
</div>
<div>
Cada Pad puede ser distribuido en diferentes grupos que pueden tratar del mismo tema del PAD central o en subtemas que tengan relación con el tema principal.</div>
</div>
<div>
<br />
En este punto se establece la cantidad de usuarios que habrán por grupos, de acuerdo a la cantidad de usuarios existente en el curso.</div>
<br />
<h2 style="text-align: center;">
Vista de Grupos del PAD.</h2>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftaSsvDV-vhyH6VeLVASyFDqEq179MNNo0_UeLBZihhIHb-nTDD9P4Xdps7SCNtOrNKi_0te4uo41-c4mdtGfvr9cBynsKh4uFagMcXNinQrLiUJ0F9U6MORy-iCbhTUN3QOkhT9GuU0/s1600/Captura+de+pantalla+2013-08-30+a+la(s)+10.21.33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftaSsvDV-vhyH6VeLVASyFDqEq179MNNo0_UeLBZihhIHb-nTDD9P4Xdps7SCNtOrNKi_0te4uo41-c4mdtGfvr9cBynsKh4uFagMcXNinQrLiUJ0F9U6MORy-iCbhTUN3QOkhT9GuU0/s640/Captura+de+pantalla+2013-08-30+a+la(s)+10.21.33.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
Se muestra una visión global del avance de cada grupo que se ha creado, representando de forma gráfica el porcentaje de ingresos y de editores, a la vez se hace una comparación entre los diferentes grupos evidenciando el avance de cada uno en relación con los demás.<br />
<br />
<h2 style="text-align: center;">
Vista de Usuarios de un Grupo</h2>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhCsKGrwoQqJ8ITtciPh5BjB_p_pcmFv9M9z2IZry64OZDyuDlMVZDYm8bapXfGrNyjPUqBbhUe3-f9-lnXwrmCR9m7ViKmbfL-A-ksB2EtdEt4CLFKonAFDcHb7_YF-ZJ9hieRT05Xs/s1600/Captura+de+pantalla_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwhCsKGrwoQqJ8ITtciPh5BjB_p_pcmFv9M9z2IZry64OZDyuDlMVZDYm8bapXfGrNyjPUqBbhUe3-f9-lnXwrmCR9m7ViKmbfL-A-ksB2EtdEt4CLFKonAFDcHb7_YF-ZJ9hieRT05Xs/s640/Captura+de+pantalla_2.png" width="640" /></a></div>
<br /></div>
<div style="text-align: justify;">
En está sección se podrá ver aquellos usuarios que hacen parte de un determinado grupo, teniendo la posibilidad de realizar filtros relacionados a las cantidad participaciones realizadas por los usuarios en el PAD, debido a esta capacidad es posible establecer el porcentaje de aportes de un determinado usuario relacionado al número de versiones totales que posee el PAD.<br />
<br />
Está característica le otorga al docente una visión amplia del nivel de participaciones que se han tenido en el grupo, así como definir que usuarios han trabajo más y que usuarios no han realizado proceso alguno.</div>
<div style="text-align: justify;">
<br />
Estadísticas de Ingresos por Grupo<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTR9mM0smfKK6c_4LbCKU8-YsJaSZuiS3MU2_6XIrwmc0MhviTDMWFXZuI6GmEW4lZzFSb8sFi7_P6966zscSsrr-LmU7bopB51mstpuRNIQPmJo7EtLgzwVpt3pGPQsWsxJ08G7LogEw/s1600/Captura+de+pantalla+2013-08-30+a+la(s)+10.22.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTR9mM0smfKK6c_4LbCKU8-YsJaSZuiS3MU2_6XIrwmc0MhviTDMWFXZuI6GmEW4lZzFSb8sFi7_P6966zscSsrr-LmU7bopB51mstpuRNIQPmJo7EtLgzwVpt3pGPQsWsxJ08G7LogEw/s640/Captura+de+pantalla+2013-08-30+a+la(s)+10.22.53.png" width="640" /></a></div>
<br /></div>
<div style="text-align: justify;">
Cada grupo es posible realizar un seguimiento de la cantidad de ingresos y de versiones que se han realizado en cada día que ha estado disponible el PAD, de igual manera conocer cuáles fueron los usuarios que han ingresado así como la cantidad de versiones que han aportado en cada día.<br />
<br />
<h2 style="text-align: center;">
Ingresando al PAD</h2>
</div>
<center>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/4Pt87q2-nks?rel=0" width="420"></iframe>
</center>
<center>
</center>
<center style="text-align: justify;">
</center>
El vídeo muestra la forma en que un usuario en este caso estudiante, ingresa al PAD, se pueden observar la forma de trabajo en la cual se evidencia el proceso que cada usuario realizar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKaxXwaFUkKlHBrLG_AnF9U7hNezQ3Tdse4Zj8aL7spymX5OIWAlxpNizEWVSJw9DOjbm0FX3Sr-oDvRrhZ32_aTiOtrN_H5hHUGE83iAZoskW3MLKSJPESfmeYvhIbXpl2vZpGtbErgI/s1600/btns.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKaxXwaFUkKlHBrLG_AnF9U7hNezQ3Tdse4Zj8aL7spymX5OIWAlxpNizEWVSJw9DOjbm0FX3Sr-oDvRrhZ32_aTiOtrN_H5hHUGE83iAZoskW3MLKSJPESfmeYvhIbXpl2vZpGtbErgI/s320/btns.png" width="320" /></a></div>
<br />
<br />
Se tiene la posibilidad de exportar el documento creado a formatos como PDF o Word, éste último si el usuario desea realizar algún tipo de cambio.<br />
<br />
Cada PAD tiene un tiempo límite, el cual una vez se culmina queda tan sólo como lectura en el caso del estudiante, el docente podrá realizar camios y/o correcciones así el tiempo haya culminado.<br />
<br />
<h2 style="text-align: center;">
Tecnología Utilizada</h2>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjo_4hJyROY1MkvgyzHxLyfLcZGXpxfvSkVG1URQXe7DkeUiJNLCl6YzgvWXDe__rjuZ32BqvO0KVMud3p5_RYBWsjHxGOeM2mB2rPyWdBdiOghUASkxwXki8vUmONIr4g7KXG_ZrqNCo/s1600/etherpad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjo_4hJyROY1MkvgyzHxLyfLcZGXpxfvSkVG1URQXe7DkeUiJNLCl6YzgvWXDe__rjuZ32BqvO0KVMud3p5_RYBWsjHxGOeM2mB2rPyWdBdiOghUASkxwXki8vUmONIr4g7KXG_ZrqNCo/s1600/etherpad.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjltuSNvAP3MchxF76kkAydhEuoYDzNzUWEpJN6EIKpaSRXRCkyoBgzeEaVP_lKbSo4hsgFD4k73dTX9T7uM_IS22po9D3d2bSvF3Aa-tUX2dpFeJghXlM-HG0008BWiiDXtRX4Rjc6oCA/s1600/NodeJS_Logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjltuSNvAP3MchxF76kkAydhEuoYDzNzUWEpJN6EIKpaSRXRCkyoBgzeEaVP_lKbSo4hsgFD4k73dTX9T7uM_IS22po9D3d2bSvF3Aa-tUX2dpFeJghXlM-HG0008BWiiDXtRX4Rjc6oCA/s1600/NodeJS_Logo.png" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
La pieza fundamental en el sistema de Trabajo Colaborativo es <a href="http://etherpad.org/">EtherPad Lite</a>, a continuación una breve historia:</div>
<div>
<br /></div>
<blockquote class="tr_bq">
<i>"Etherpad (anteriormente conocido como EtherPad) es un editor web basado en la colaboración en tiempo real, lo que permite a los autores editar simultáneamente un documento de texto, y ver todos los participantes en las ediciones en tiempo real, con la capacidad de mostrar el texto de cada autor en diferente color. También hay una ventana de chat en la barra lateral para permitir la comunicación directa. El software se publicó en noviembre de 2008, Google lo adquirió en diciembre de 2009 para liberarlo como código abierto ese mismo mes. Varios servicios utilizan el software Etherpad, incluyendo PiratePad, Pad Telecomix, Framapad, Mozilla Pad (MoPad), PrimaryPad, TypeWith.me, Sync.in, TitanPad y iEtherPad.com. La Fundación Etherpad coordina el desarrollo del sistema."</i> (<a href="http://es.wikipedia.org/wiki/Etherpad">Wikipedia</a>)</blockquote>
EtherPad en su versión original está escrito en el lenguaje de programación <a href="http://es.wikipedia.org/wiki/Scala_(lenguaje_de_programaci%C3%B3n)">Scala </a>, además tiene una serie de requerimientos importantes para su funcionamiento, en contraposición EtherPad Lite basa su funcionamiento en el entorno de programación conocido como <a href="http://en.wikipedia.org/wiki/Node.js">Node.js</a>, el cual haciendo uso de los denominados WebSockets otorga la capacidad de comunicación en tiempo real, requiriendo para su funcionamiento de pocos recursos.<br />
<br />
Gracias a la excelente <a href="http://etherpad.org/doc/v1.2.11/">documentación </a>de está librería, se cuenta con una serie de <a href="http://es.wikipedia.org/wiki/Interfaz_de_programaci%C3%B3n_de_aplicaciones">Apis</a>, que facilita el proceso de creación y administración de los PADs, en este caso haciendo uso del lenguaje de Programación PHP, a través de la <a href="https://github.com/TomNomNom/etherpad-lite-client">HTTP API</a>, desarrollada para este lenguaje.<br />
<br />
<br />
Gracias a la nuevas tecnologías como Websockets y entornos de programación como Node.js ha sido posible contar con este tipo de herramientas, las cuales de otro modo resultaban complejas de implementar.<br />
<br />
Jorge Rubiano<br />
<a href="https://twitter.com/ostjh">@ostjh</a>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-36115280579941531792013-06-20T07:45:00.001-07:002013-06-20T07:45:29.991-07:00Chat Grupales: Chat SocialEl sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a>, se ha beneficiado del desarrollo de sistemas de conversación como es el caso del <a href="http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html">Chat Social</a>, el cual ha sido actualizado recientemente con nuevas funcionalidades y nueva tecnología.<br />
<br />
El sistema de Chat social ha sido habilitado para mantener conversaciones de dos tipos como son.<br />
<br />
<ol>
<li><b>Conversaciones públicas:</b> En las cuales todas las personas que hacen parte de un grupo pueden entablar una conversación.</li>
<li><b>Conversaciones privadas:</b> En las cuales dos usuarios iniciaban una conversación uno a uno, contando además con la opción de vídeo, a través de <a href="http://www.webrtc.org/">WebRTC</a>.</li>
</ol>
<div>
Pero quedaba un tercer tipo de conversación que no estaba contemplado como son las conversaciones de más de tres personas, las cuales se han denominado <b><i>Chat's Grupales.</i></b></div>
<div>
<br /></div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFh7Rx5TbSYeAl2WdpLg7ygjYwk4KG4ROjDMFGZKCVgz21b4XqX2m_gy9Ju0LniH6C1GNBlqq4OjQF6q891asucbjX15J52W2KPZBKEHv9UhfM_TMT2E8_s2gOrWPRgGCoR2LM20DgjU/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.06.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhFh7Rx5TbSYeAl2WdpLg7ygjYwk4KG4ROjDMFGZKCVgz21b4XqX2m_gy9Ju0LniH6C1GNBlqq4OjQF6q891asucbjX15J52W2KPZBKEHv9UhfM_TMT2E8_s2gOrWPRgGCoR2LM20DgjU/s640/Captura+de+pantalla+2013-06-19+a+la(s)+15.06.45.png" width="272" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br /></div>
<div>
<br /></div>
<div>
Este nueva característica permite la creación de un grupo, en el cual se asocian a aquellas personas con las cuales se desea conversar.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Hpunpd47tpEAWYE0ew0a4RS6v3qkV9Yyxyx3TCz0Q2K-cXZ3khUBusL6L0E55PKmSVP0NMC5k2ov_7bpOFv_ll7ClqQe0RD95vuT6Ld_SVECHrQecxBpCWA-XSr3keqZ3jp6bmpMpYY/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.08.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Hpunpd47tpEAWYE0ew0a4RS6v3qkV9Yyxyx3TCz0Q2K-cXZ3khUBusL6L0E55PKmSVP0NMC5k2ov_7bpOFv_ll7ClqQe0RD95vuT6Ld_SVECHrQecxBpCWA-XSr3keqZ3jp6bmpMpYY/s400/Captura+de+pantalla+2013-06-19+a+la(s)+15.08.00.png" width="383" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Si el usuario no desea ser parte de un grupo, podrá inhabilitar la opción de "Asociarme a grupos", de esta manera nadie lo podrá asociar, pero éste si que podrá crear grupos.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrS10MUF5_VW62uc3bjsXF9R8jOEAr3c1HsEFnUg-pwx1MmYgDS9hnVSxgZlx4LabtAbAUJVBkJwpu9Iu3EgpuOfkDIuUufyaiSyJAnb2ngjak3_Rbm266pJAZdCmKr7T5wKy9B3-xtc/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.12.06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrS10MUF5_VW62uc3bjsXF9R8jOEAr3c1HsEFnUg-pwx1MmYgDS9hnVSxgZlx4LabtAbAUJVBkJwpu9Iu3EgpuOfkDIuUufyaiSyJAnb2ngjak3_Rbm266pJAZdCmKr7T5wKy9B3-xtc/s320/Captura+de+pantalla+2013-06-19+a+la(s)+15.12.06.png" width="298" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Un usuario que ha creado un grupo, tiene la opción de eliminar usuarios del mismo o cerrar el grupo, éste quedará en un categoría de "Grupos cerrados", quedando sólo para cuestiones de consulta.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Un usuario que ha sido asociado a un grupo, podrá dejarlo si así lo desea, en la vista de usuarios que hacen parte del grupo, aparecerá la opción de "Dejar Grupo", por lo cual el usuario no le aparecerá, ni le llegará las notificaciones del grupo, si desea volver a ingresar el usuario creador deberá asociarlo.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHgq-tRAb17paR9mBkX4OMhb_R4rx1DUk1odLkQBA2duYVxVCMPy88bWnNsBfi9XVOLcCn9boK2A6mj4qtOzw2RVxoNelQCEHLNhEjMHGF3C3pq6_9kvHrd0Mkbeb8rzkfGjW5EHsdBhg/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.11.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="348" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHgq-tRAb17paR9mBkX4OMhb_R4rx1DUk1odLkQBA2duYVxVCMPy88bWnNsBfi9XVOLcCn9boK2A6mj4qtOzw2RVxoNelQCEHLNhEjMHGF3C3pq6_9kvHrd0Mkbeb8rzkfGjW5EHsdBhg/s400/Captura+de+pantalla+2013-06-19+a+la(s)+15.11.44.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Dependiendo del tipo de conversación, aparecerán una serie de botones como son:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJ8AnBK8dZ2TV0N9tZ6iMlSsTDzHLqOnawb4V9bBq0y-uIdC-SEin46ELCFMsuNHLZAskSQFhoK_qyWs-DNA-LXKDVbIs9e2EyOHuK8zP3bQItIFAgj-o5QrsKQ0TOnlgeEYeeKO1eFo/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.59.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWJ8AnBK8dZ2TV0N9tZ6iMlSsTDzHLqOnawb4V9bBq0y-uIdC-SEin46ELCFMsuNHLZAskSQFhoK_qyWs-DNA-LXKDVbIs9e2EyOHuK8zP3bQItIFAgj-o5QrsKQ0TOnlgeEYeeKO1eFo/s320/Captura+de+pantalla+2013-06-19+a+la(s)+15.59.10.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
De izquierda a derecha:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><b>Descargar historial:</b> Permite que el historial de una conversación sea descargado, bien a través de un archivo PDF o Word. Además podrá hacer una selección por fecha de conversación a descargar.</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrg2DGKURMJIhgPh-RztwUAA_odtEOdAGXYAH0jpylsMglrzHa78D2fGy8qmjDFPaqpyB6IuTLlWwkNIodH_Rn42brwkQYw8fh5ctd-4eQv18I8MXqtNT1e1bvzVNDfNBn63e6mcrnCYM/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.09.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrg2DGKURMJIhgPh-RztwUAA_odtEOdAGXYAH0jpylsMglrzHa78D2fGy8qmjDFPaqpyB6IuTLlWwkNIodH_Rn42brwkQYw8fh5ctd-4eQv18I8MXqtNT1e1bvzVNDfNBn63e6mcrnCYM/s400/Captura+de+pantalla+2013-06-19+a+la(s)+15.09.49.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><b>Pantalla Completa: </b>Si el usuario, se encuentra en una conversación a través de vídeo, podrá mostrar ésta en pantalla completa, en la cual tan sólo se mostrará el vídeo de los usuarios.</li>
</ul>
<ul>
<li><b>Iniciar/Finalizar llamada:</b> Disponible en conversaciones uno a uno, haciendo posible que los usuarios inicien una conversación a a través de vídeo, haciendo uso de WebRTC.</li>
</ul>
<ul>
<li><b>Adjuntar:</b> Opción que permite que un usuario envíe archivos, ésta opción en el momento, sólo está disponible en conversaciones de tipo uno a uno.</li>
</ul>
<br />
<div>
Otra adición está relacionada a la opción de <a href="https://support.google.com/chrome/answer/1407892?hl=es">reconocimiento de voz</a>, en este caso en el navegador Google Chrome.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSuQbdCBeO8VMgDLlQ9UvWaeeosZwNelq4PYeQSQjUnHmWtgA2O4TvWf__kO54fV4BecvzcKqmHzHONQeyQ9ZR9WDoD99if_7z10h5l2WEIkgyrVJRzQ6E6regRtgrJtcFVSFFhWc8i6g/s1600/Captura+de+pantalla+2013-06-19+a+la(s)+15.10.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSuQbdCBeO8VMgDLlQ9UvWaeeosZwNelq4PYeQSQjUnHmWtgA2O4TvWf__kO54fV4BecvzcKqmHzHONQeyQ9ZR9WDoD99if_7z10h5l2WEIkgyrVJRzQ6E6regRtgrJtcFVSFFhWc8i6g/s320/Captura+de+pantalla+2013-06-19+a+la(s)+15.10.29.png" width="305" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h3>
Futura Característica:</h3>
<div class="separator" style="clear: both; text-align: left;">
El sistema de chat hace uso de tecnologías como <a href="http://es.wikipedia.org/wiki/WebSocket">WebSockets </a>(<a href="http://socket.io/">Socket.io</a>), <a href="http://nodejs.org/">Node.js</a> y <a href="http://www.webrtc.org/">WebRTC</a>, éste último tiene un gran potencial en las opciones que se pueden hacer en este tipo de desarrollos, por lo que se busca que las conversaciones a través de vídeo, no sólo estén disponibles en conversaciones tipo uno a uno, si no además puedan ser extendidas a las conversaciones grupales, por lo que en una futura versión de la aplicación se buscará la adición de esta característica.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Jorge Rubiano.</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://twitter.com/ostjh">@ostjh</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-10876468424752777292013-05-27T12:29:00.000-07:002013-05-27T12:47:02.357-07:00Nuevo Chat Social.<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a>, cuenta con varios mecanismo de comunicación, siendo uno de los más importantes el chat, el sistema cuenta con dos tipos de chat's como son:<br />
<br />
<br />
<ol>
<li>Chat Social.</li>
<li>Chat Académico.</li>
</ol>
<div>
<br /></div>
<div>
La presente entrada tiene como fin mostrar la actualización del chat Social.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtxbmHZlNNqEtm9DASU4oSj6qnG7g2X2yFxPdel3mlx4e14-2uxgOcDzUOUgZYbw3SqqxeJQforgxaCPf9Dc2MD_aTup5QmsXrTkUnSI9zqTeg51zwtE4BreMk56JrQy2BKu0CBC62b2g/s1600/compara_chats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="419" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtxbmHZlNNqEtm9DASU4oSj6qnG7g2X2yFxPdel3mlx4e14-2uxgOcDzUOUgZYbw3SqqxeJQforgxaCPf9Dc2MD_aTup5QmsXrTkUnSI9zqTeg51zwtE4BreMk56JrQy2BKu0CBC62b2g/s640/compara_chats.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="text-align: center;">
</h4>
<h3 style="text-align: center;">
Opciones Nuevo Chat Social</h3>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigryrg_386bZYF-a-yOWV1SYQS_lwqRFYY7zoFsawmjzrN9bhW85vtEkEYh3VakLZqfysifjllgUx4r2zviUcOJ3eR4o60qVPd-rIdyGNr0NVF1tGa-0abXwjkaJuNY2KaJZaey-0P9rQ/s1600/Captura+de+pantalla+2013-05-27+a+la(s)+10.39.26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigryrg_386bZYF-a-yOWV1SYQS_lwqRFYY7zoFsawmjzrN9bhW85vtEkEYh3VakLZqfysifjllgUx4r2zviUcOJ3eR4o60qVPd-rIdyGNr0NVF1tGa-0abXwjkaJuNY2KaJZaey-0P9rQ/s400/Captura+de+pantalla+2013-05-27+a+la(s)+10.39.26.png" width="400" /></a></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div style="text-align: start;">
<ul style="font-weight: normal;">
<li>Conversación pública: Permite que todos los usuarios que hagan parte de un curso puedan conversar entre ellos.</li>
</ul>
<ul style="font-weight: normal;">
<li>Conversación Privada: Le da la posibilidad que un usuario entable una conversación con otro usuario, teniendo opciones como:</li>
</ul>
<ul style="font-weight: normal;">
<li>Vídeo Llamada: Permite que los usuarios inicien una conversación a través de vídeo, siguiendo los siguientes pasos:</li>
</ul>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqltnhqfSs3RHy5-GgimGanF4N_bB3A0r0H_5soqTZHHKLrV1ytdiSgc_HqckmfUzDtQhPmNDES1U-7kYE2V3o-QjRvrrH-x4_vnGMPu6HpUUgI1FXVbUJJ31IiH0YVv4YBxvVv_QElJM/s1600/video_llamada.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqltnhqfSs3RHy5-GgimGanF4N_bB3A0r0H_5soqTZHHKLrV1ytdiSgc_HqckmfUzDtQhPmNDES1U-7kYE2V3o-QjRvrrH-x4_vnGMPu6HpUUgI1FXVbUJJ31IiH0YVv4YBxvVv_QElJM/s1600/video_llamada.png" /></a></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Seleccionar el botón Vídeo Llamada:</b><span style="font-weight: normal;"> al realizar este proceso, se solicitará al usuario que le permita al sitio hacer uso de la webCam y micrófono.</span></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_uEI4npNmzobtHGDcNeOkI6SckPDiriCDFzoXedRi4VY8jzPlqv4sFaCroGPWzf43AUDMS0dgsonIhoz-FU7cukcxJru-U7u3i2ElaJwNZN5ulcCByyR9vFOK0Q2RzuC7IFXUBJ22xd0/s1600/permisos_pc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_uEI4npNmzobtHGDcNeOkI6SckPDiriCDFzoXedRi4VY8jzPlqv4sFaCroGPWzf43AUDMS0dgsonIhoz-FU7cukcxJru-U7u3i2ElaJwNZN5ulcCByyR9vFOK0Q2RzuC7IFXUBJ22xd0/s400/permisos_pc.png" width="400" /></a></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
Una vez aceptado los medios, se le enviará la notificación de llamada al usuario, éste deberá realizar le mismo proceso de aceptar los medios, una vez realizada la acción podrán iniciar su conversación en vídeo.</div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
Solicitud de llamada.</div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4KNJkeF_nM1o7IDEnhYeoYLGz2l0LHyXSbuQpi9m5Dm3wnjpkDI-4EJkoH6UEd_pvmT5xnZFXoSpshdUMaIMIF-x2afZHU8VMb-WMcFAvd7Drt8B1aLXA9RmjPRwgHgzubGwsuE1NQNs/s1600/Captura+de+pantalla+2013-05-27+a+la%2528s%2529+10.49.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4KNJkeF_nM1o7IDEnhYeoYLGz2l0LHyXSbuQpi9m5Dm3wnjpkDI-4EJkoH6UEd_pvmT5xnZFXoSpshdUMaIMIF-x2afZHU8VMb-WMcFAvd7Drt8B1aLXA9RmjPRwgHgzubGwsuE1NQNs/s320/Captura+de+pantalla+2013-05-27+a+la%2528s%2529+10.49.08.png" width="320" /></a></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYlHBvdahhzFOJTgrxIEnQK-WyXX8K7ZUlHNxCA_spqY2q8DxkvenxC06bXhyphenhyphenBbALaCWscKMScX-y93Vj4045aAhcgIOmU-WtpWQWN7_ia33b-5tzYa46wH7q9Q4twH04CzdgdVFyEpE/s1600/image_charla_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYlHBvdahhzFOJTgrxIEnQK-WyXX8K7ZUlHNxCA_spqY2q8DxkvenxC06bXhyphenhyphenBbALaCWscKMScX-y93Vj4045aAhcgIOmU-WtpWQWN7_ia33b-5tzYa46wH7q9Q4twH04CzdgdVFyEpE/s320/image_charla_2.png" width="320" /></a></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwknf3os9u8Xf85QU-CPxxvyJzBbP0QcIgIKShD2JhYLg4RaYoPISJET04EK1S3rqXzOuZrH7QR0ri-q_5_uFMQvyL4lOiUuRJuaTmAxA_9dD2m8h2lbpPmlEzOQpoOB65AR-naIuywlw/s1600/pantalla1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwknf3os9u8Xf85QU-CPxxvyJzBbP0QcIgIKShD2JhYLg4RaYoPISJET04EK1S3rqXzOuZrH7QR0ri-q_5_uFMQvyL4lOiUuRJuaTmAxA_9dD2m8h2lbpPmlEzOQpoOB65AR-naIuywlw/s320/pantalla1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
El usuario tendrá la capacidad de mostrar la vídeo llamada en pantalla completa, evitando las distracciones de las demás conversaciones.</div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2K78lFI_2veO5K0d71PYaV13ot5gp7P3LvfWHitIu7hosaOjFj5-iTRTI1eBg1PEL9Ub4c0HnOxPcwinMlEZR65JQI5cV-3QLul22BHwPoZr213nhgHHIVgugKdgvi8Tz18xpAVULuM/s1600/final_fullscreen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik2K78lFI_2veO5K0d71PYaV13ot5gp7P3LvfWHitIu7hosaOjFj5-iTRTI1eBg1PEL9Ub4c0HnOxPcwinMlEZR65JQI5cV-3QLul22BHwPoZr213nhgHHIVgugKdgvi8Tz18xpAVULuM/s320/final_fullscreen.png" width="320" /></a></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both; font-weight: normal;">
Si llegase otro usuario a llamar a un usuario que está en la vídeo llamada se le notificará que éste se encuentra ocupado.</div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both;">
La llamada terminará una vez el usuario presione el botón <i><b>"Finalizar Llamada"</b></i> o si se ha cerrado la ventana del Chat.</div>
<div class="separator" style="clear: both; font-weight: normal;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<ul>
<li><span style="font-weight: normal;">Adjuntar archivos.</span></li>
</ul>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHs46Kd7tbkNRGo2G8yadDvSmPlDidM2Jw0fgg4HzJvabZHzCFYvlqj-_UpbUouS0weEIlg3WL4oNZ-cF0fPUcTuCLY0-b69emQKYUYQxB1F7Ho1TkRp9WKIilmMY_F05BuPyjfOt7Pkw/s1600/todos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="42" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHs46Kd7tbkNRGo2G8yadDvSmPlDidM2Jw0fgg4HzJvabZHzCFYvlqj-_UpbUouS0weEIlg3WL4oNZ-cF0fPUcTuCLY0-b69emQKYUYQxB1F7Ho1TkRp9WKIilmMY_F05BuPyjfOt7Pkw/s400/todos.png" width="400" /></a></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<span style="font-weight: normal;">El chat da la posibilidad de adjuntar archivos en conversaciones uno a uno (privadas), sólo entre aquellos usuarios que se encuentren en línea, se podrán adjuntar varios archivos para diferentes personas, quedando éstos en una cola de subida, la cual mostrará el progreso de cada archivo, así como el usuario</span><span style="font-weight: normal;"> al cual estará destinado.</span></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8WIB6xXqvA9ngvpj607XWITanjWe3sbPmHBjfPrHTTHh6XwrA5TZ4D1tLw5TYcbo1-MlaAvboj3Q41gkXPlJqXv0FRXRAAZtkJcY8GWHYtqWsTdDZ3IZ5aB-25UDNRa87gF5SvV5zg1U/s1600/adjunta_archivos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8WIB6xXqvA9ngvpj607XWITanjWe3sbPmHBjfPrHTTHh6XwrA5TZ4D1tLw5TYcbo1-MlaAvboj3Q41gkXPlJqXv0FRXRAAZtkJcY8GWHYtqWsTdDZ3IZ5aB-25UDNRa87gF5SvV5zg1U/s400/adjunta_archivos.png" width="400" /></a></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<ul>
<li><span style="font-weight: normal;">Cambios de estado.</span></li>
</ul>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0rIbbad5GgbSiY0k4RlFujWabubnlHsCXnnmjq22Ms4qvUInkg_H6Byr_4N2RVGBOf_6VXxo88Dc324tAC08jRL9Xvh-HQVboCDcQ33OVXo9yJC1dgh-tYIRRX38396AmpXIW-0UpHMI/s1600/Captura+de+pantalla+2013-05-27+a+la%2528s%2529+10.53.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0rIbbad5GgbSiY0k4RlFujWabubnlHsCXnnmjq22Ms4qvUInkg_H6Byr_4N2RVGBOf_6VXxo88Dc324tAC08jRL9Xvh-HQVboCDcQ33OVXo9yJC1dgh-tYIRRX38396AmpXIW-0UpHMI/s320/Captura+de+pantalla+2013-05-27+a+la%2528s%2529+10.53.18.png" width="320" /></a></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<span style="font-weight: normal;">El chat le da la posibilidad al usuario de cambiar su estado en el mismo, encontrando los siguientes:</span></div>
</div>
<div>
<span style="font-weight: normal;"><br /></span></div>
<div>
<ul><ul>
<li><span style="font-weight: normal;">Inactivo: El usuario se mostrará a los demás como inactivo, pero éste tendrá la opción de comunicarse con los usuarios que decida, sin que los demás sepan que se encuentra en línea.</span></li>
</ul>
<ul>
<li><span style="font-weight: normal;">Disponible: estado por defecto que índica que el usuario se encuentra habilitado para conversar con otros usuarios.</span></li>
<li><span style="font-weight: normal;">Ocupado: Índica a los demás usuarios que se encuentra ocupado.</span></li>
<li><span style="font-weight: normal;">Ausente: Se encuentra en línea, más no pendiente del chat.</span></li>
<li><span style="font-weight: normal;">Salir del chat: Opción que permite cerrar el chat sin la necesidad de salir del sistema, la diferencia con el estado Inactivo, radica en que el usuario no podrá conversar con lo demás usuarios debido a que ha cerrado el chat.</span></li>
<li><span style="font-weight: normal;">Todos los usuarios: El sistema tiene la capacidad de mostrar a todos los usuarios de un curso, con la finalidad de escribirles mensajes "Offline", una vez el usuario se conecte podrá ver la conversación y continuarla si así lo desea, en el caso que no se deseen ver a todos los usuarios y tan sólo se quiera mostrar a aquellos que están en línea, se deberá des-habilitar está última opción.</span></li>
</ul>
</ul>
<ul>
<li><span style="font-weight: normal;">Notificaciones Nativas.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dSNbGoZ4nW9xThW_jWH-oFzZQhlLOZNzN7aEhN1k2lfHZSM54fpdesdCBoiNkrd1fFahY1UZyxsnGjiJ-sD0TXXRdAKCrrX3S3Dq_K7CK1N5Q21WPqsSJcciXmu1H_7ghBY6x_oNu80/s1600/notificaci%25C3%25B3n_chrome.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dSNbGoZ4nW9xThW_jWH-oFzZQhlLOZNzN7aEhN1k2lfHZSM54fpdesdCBoiNkrd1fFahY1UZyxsnGjiJ-sD0TXXRdAKCrrX3S3Dq_K7CK1N5Q21WPqsSJcciXmu1H_7ghBY6x_oNu80/s1600/notificaci%25C3%25B3n_chrome.png" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
El sistema cuenta con la opción de notificaciones por medio de audio que le índica al usuario cuando se le ha escrito o llamado, pero esto depende que el usuario se encuentre al tanto del curso, para tal fin se han relacionado las denominadas <a href="http://techcrunch.com/2009/09/01/chrome-is-gaining-desktop-notifications/">notificaciones nativas</a> disponibles para navegadores como Google Chrome y Safari (MAC), el usuario podrá ver dicha notificación si no se encuentra en la ventana del curso, es decir, si no tiene el foco de la ventana (Minimizada).</div>
</div>
<div>
<br /></div>
<div>
<h4 style="text-align: center;">
<b>SOPORTE A NAVEGADORES.</b></h4>
</div>
<div>
Las principales funciones del chat funcionan en todos los navegadores, la opción de vídeo, está restringida para su uso en el navegador Google Chrome, debido a que WebRTC, se encuentra ya de forma nativa en este navegador.</div>
<div>
<br /></div>
</div>
<h4 style="text-align: center;">
<b>TECNOLOGÍA UTILIZADA</b></h4>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
La actualización del chat, no sólo fue de interfaz sino de tecnología, la cual se describe a continuación:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
El chat social anteriormente estaba desarrollado en Flash, haciendo uso del servicio <a href="http://www.red5.org/">RED5</a>, debido a que flash no es desplegados en la mayoría de los dispositivos móviles se ha optado por la actualización del mismo a una teología más acorde a las tendencias actuales.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgnKeCDonLrwUTUipflACfov3sClQW8VJIWHJzH588NMjAZnoAVLnDMoyDSr0EX0sgal9HDpd96cq8LysB8QieIFF6mXwjN38jWuDVB0Uk5BBwSYQN-GtiYPkyeaZkhTyFQHnRm-h9jpU/s1600/logos_tecnologia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgnKeCDonLrwUTUipflACfov3sClQW8VJIWHJzH588NMjAZnoAVLnDMoyDSr0EX0sgal9HDpd96cq8LysB8QieIFF6mXwjN38jWuDVB0Uk5BBwSYQN-GtiYPkyeaZkhTyFQHnRm-h9jpU/s320/logos_tecnologia.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><a href="http://nodejs.org/" target="_blank">Node.js:</a> Es un entorno de programación en la capa del servidor basado en el lenguaje de programación Javascript, con I/O de datos en una arquitectura orientada a eventos, y basado en el motor Javascript V8. (Fuente: <a href="http://es.wikipedia.org/wiki/Node.js">http://es.wikipedia.org/wiki/Node.js</a>) </li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPj1GtZAZSRhfdb8Cmi49GmBAAHPZNqqccWSYq-PJbbrqVCuciMZ7tvh_DTvVaPUbEkEnD1UYPyW8yIUx3_dFZei19P6kf3OF8Js3E-YJLDpC-aIE7H-bSt8Xvzzss0ScGYrVh52iS3x4/s1600/nodejs_logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPj1GtZAZSRhfdb8Cmi49GmBAAHPZNqqccWSYq-PJbbrqVCuciMZ7tvh_DTvVaPUbEkEnD1UYPyW8yIUx3_dFZei19P6kf3OF8Js3E-YJLDpC-aIE7H-bSt8Xvzzss0ScGYrVh52iS3x4/s320/nodejs_logo.png" width="320" /></a></div>
<div>
<br /></div>
<div>
Básicamente Node.js otorga la capacidad de ejecutar Javascript del lado del servidor haciendo uso del motor de Javascript más rápido en la actualidad como es el de Google Chrome, debido a que está basado en eventos, sus operaciones son <i>no bloqueantes</i>, sino que se ejecutan en un flujo constante, una vez se termina el proceso se hace uso de los llamados "<a href="http://ecoding.me/2012/06/entendiendo-callbacks-y-node-js/" target="_blank">Callback</a>"</div>
<div>
<br /></div>
<div>
<ul>
<li>Websockets: Es una tecnología que proporciona un canal de comunicación bidireccional y full-duplex sobre un único socket TCP. Está diseñada para ser implementada en navegadores y servidores web, pero puede utilizarse por cualquier aplicación cliente/servidor. (Fuente: <a href="http://es.wikipedia.org/wiki/WebSocket">http://es.wikipedia.org/wiki/WebSocket</a>)</li>
</ul>
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSuezTtQs8Y7sqgenO2D_XaRU9-Lp4Z3VQmKTbots-aFycKgKYevkcntN-Z9bT9nSrCiMGGVzCRmjEmGYfDZFKGV1H2OKGDNykqN7u3oJo_-oIYP-uz7uFeHSVoq8j1c3Zu-79X7rVrU/s1600/socket-io.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifSuezTtQs8Y7sqgenO2D_XaRU9-Lp4Z3VQmKTbots-aFycKgKYevkcntN-Z9bT9nSrCiMGGVzCRmjEmGYfDZFKGV1H2OKGDNykqN7u3oJo_-oIYP-uz7uFeHSVoq8j1c3Zu-79X7rVrU/s320/socket-io.jpeg" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Está tecnología proporciona la capacidad de realizar acciones en tiempo real, debido a que se mantiene una comunicación constante entre el cliente y el servidor, debido a que es una tecnología relativamente nueva, el soporte en navegadores antiguos no es buena, para solucionar este inconveniente existe la librería conocida como <a href="http://socket.io/">Socket.io</a>, la cual permite el uso de websockets en los navegadores que lo soporten o haciendo uso de técnicas como<a href="http://es.wikipedia.org/wiki/Tecnolog%C3%ADa_Push" target="_blank"> long polling</a> o Flash en los que no, esto garantiza que en todos los navegadores funcione.</div>
<div>
<br /></div>
<div>
<ul>
<li><a href="http://www.webrtc.org/" target="_blank">WebRTC</a>: (Web Real-Time Communication) es una API que está siendo elaborada por la World Wide Web Consortium (W3C) para permitir a las aplicaciones del navegador realizar llamadas de voz, chat de vídeo y uso compartido de archivos P2P sin plugins. (Fuente: <a href="http://es.wikipedia.org/wiki/WebRTC">http://es.wikipedia.org/wiki/WebRTC</a>)</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgen3snWeEoOTFbsKWm02GiWUBSasQQqc2Y_ND31necNCxu_lKx7LbqQUYtzK8TKoG2jxfNx8O0M0kw-4dNy9XlUo9LxhMcjTASGiFgzhP2Q7qnJA6GGXL0UNjyCiB1AQ62g25vRpWgMVA/s1600/customLogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgen3snWeEoOTFbsKWm02GiWUBSasQQqc2Y_ND31necNCxu_lKx7LbqQUYtzK8TKoG2jxfNx8O0M0kw-4dNy9XlUo9LxhMcjTASGiFgzhP2Q7qnJA6GGXL0UNjyCiB1AQ62g25vRpWgMVA/s1600/customLogo.png" /></a></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
WebRTC, ha sido implementado en el presente chat, permitiendo comunicaciones uno a uno entre los participantes, haciendo uso de los recursos presentes en el navegador y sin la dependencia de <a href="https://es.wikipedia.org/wiki/Complemento_(inform%C3%A1tica)">Plugins</a>, para el desarrollo de está opción se ha utilizado la excelente librería conocida como <a href="https://github.com/webRTC/webRTC.io">webRTC.io</a>, proyecto el cual permite realizar de forma sencilla los pasos necesarios para entablar una conversación como son:</div>
<ul><ul>
<li>Solicitud de Cámara y microfono - Getusermedia</li>
<li>Establecimiento de la comunicación - "<a href="http://www.html5rocks.com/en/tutorials/webrtc/basics/#toc-signaling">Signalling</a>", haciendo uso del protocolo <a href="http://es.wikipedia.org/wiki/STUN">STUN</a></li>
<li>Comunicación de los nodos - Peerconnection</li>
</ul>
</ul>
<div>
Soporte a navegadores WebRtc.</div>
<div>
<ul>
<li><a href="https://www.google.com/intl/es/chrome/browser/?hl=es">Google Chrome</a>: Existe de forma nativa en la versión estable de éste.</li>
<li>Firefox: Disponible en la versión de desarrollo (<a href="http://www.mozilla.org/en-US/firefox/aurora/">Aurora</a>).</li>
<li>Internet Explorer: Disponible a través de <a href="http://www.google.com/chromeframe?hl=es">Google Chrome Frame</a>.</li>
</ul>
</div>
<h4 style="text-align: left;">
</h4>
<div>
WebRTC va más allá de la capacidad de vídeo entre usuarios, el estándar busca la comunicación directa entre los navegadores, para realizar acciones como compartir archivos (datachannel) sin la necesidad de requerir un servidor para tal acción.</div>
<div>
<br /></div>
<div>
Una de las primeras charlas acerca de este estándar se efectuó el Google I/O del año 2012, en el cual se muestran las principales características y posible usos para está tecnología.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div>
<div style="text-align: center;">
<object height="315" width="560"><param name="movie" value="http://www.youtube-nocookie.com/v/E8C8ouiXHHk?version=3&hl=en_US"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube-nocookie.com/v/E8C8ouiXHHk?version=3&hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
En Google I/O del presente año (2013), también se dio a conocer el estado actual del estándar así como las nuevas funcionalidades que éste trae.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: center;">
<object height="315" width="560"><param name="movie" value="http://www.youtube-nocookie.com/v/p2HzZkd2A40?version=3&hl=en_US"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube-nocookie.com/v/p2HzZkd2A40?version=3&hl=en_US" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
</div>
<div style="text-align: justify;">
<br />
<br />
WebRTC, ya tiene una grana variedad de aplicaciones realizadas, desde la creación de <a href="http://www.tokbox.com/blog/creating-chat-roulette-with-node-js-socket-io-and-opentok/">Chatroulette</a> en está tecnología, hasta la capacidad de dotar a Twitter de la opción de vídeo llamada con la aplicación conocida como <a href="http://twelephone.com/">twelephone</a>, la cual ha sido una de las que inspiraron el presente chat.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.geekosystem.com/wp-content/uploads/2013/01/twelephone.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="http://www.geekosystem.com/wp-content/uploads/2013/01/twelephone.png" width="320" /></a></div>
<br />
Estas y nuevas tecnologías, están permitiendo que las aplicaciones web sean más robustas y que presenten servicios que antes dependían de grandes infraestructuras tecnológicas y de usos de complementos ajenos al navegador.<br />
<br />
Jorge Rubiano.<br />
@ostjh<br />
<br /></div>
<div style="text-align: center;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com7tag:blogger.com,1999:blog-3619773904197753749.post-15259117892894045792013-03-06T06:58:00.001-08:002013-03-06T07:27:26.429-08:00Presentaciones Diplomado enseñanza Web 2.0<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW7KwG6NoSIH8IskfeImoXWhRvdRfky-18Ce_4OSs_afM77h8mC9fScvv-QvLULok6BMPXsq4rIsoJJyFopZh5_zXmRJe1JzFzgSF1e1gdcasxZcxLxInK6vVYK1ujYx16WPUTyRwXhWI/s1600/diplomado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW7KwG6NoSIH8IskfeImoXWhRvdRfky-18Ce_4OSs_afM77h8mC9fScvv-QvLULok6BMPXsq4rIsoJJyFopZh5_zXmRJe1JzFzgSF1e1gdcasxZcxLxInK6vVYK1ujYx16WPUTyRwXhWI/s640/diplomado.jpg" width="640" /></a></div>
<br />
<br />
<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, está dotado con el sistema de <a href="http://virtualnet2-0.blogspot.com/2012/05/presentaciones.html" target="_blank">Presentaciones</a>, el cual provee a los usuarios la capacidad de realizar una ponencia virtual.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Actualmente los docentes de la <a href="http://www.umb.edu.co/" target="_blank">Universidad Manuela Beltrán de Colombia</a>, se encuentran adelantando un Diplomando enfocado en el aprendizaje de las herramientas de la denominada <a href="http://es.wikipedia.org/wiki/Web_2.0" target="_blank">Web 2.0</a>, en el marco de este diplomado a los docentes se les ha pedido que realicen una serie de presentaciones en las cuales expliquen algunas de las herramientas que se ven en el actual Diplomado, algunos de estos temas han sido:<br />
<br />
<ul>
<li>¿Qué es hardware?</li>
<li>¿Que software?</li>
<li>¿Qué es un sistema operativo?</li>
<li>¿Qué sistemas operativos existen?</li>
<li>¿Qué es un archivo?</li>
<li>¿Cómo se organizan los archivos en un computador?</li>
<li>¿Qué tipo de tipos de archivos hay?</li>
<li>¿Qué es adjuntar un archivo?</li>
<li>¿Qué es comprimir un archivo?</li>
<li>¿Que tipo de compresores hay?</li>
<li>Pasos para comprimir y descomprimir un archivo en windows</li>
<li>¿Qué es internet?</li>
<li>¿Cómo funciona internet?</li>
<li>¿Qué es un navegador?</li>
<li>¿Qué navegadores hay?</li>
<li>¿Qué es un buscador?</li>
<li>¿Qué tipos de buscadores existen?</li>
<li>¿Cómo buscar en internet?</li>
<li>¿Cómo utilizar la búsqueda avanzada de google?</li>
<li>¿Cómo buscar imágenes en google?</li>
<li>¿Dónde puedo descargar programas de internet?</li>
<li>¿Qué es una ventana Emergente?</li>
<li>Pasos para activar una ventana emergente</li>
<li>¿Qué es el correo electrónico?</li>
<li>¿Dónde puedo crear correos electrónicos?</li>
<li>Pasos para crear una cuenta de correo electrónico en gmail</li>
<li>¿Como grabar videos en mi computadora?.</li>
<li>¿Cómo grabar videos desde mi cámara web?</li>
<li>¿Qué es youtube?</li>
<li>Pasos para registrarse en youtube.</li>
<li>Pasos para subir un video en youtube.</li>
<li>Como insertar videos de youtube en una pagina web?</li>
<li>¿Qué es un blog?</li>
<li>Pasos para crear un blog en blogger</li>
<li>¿Que se puede hacer en un blog?</li>
<li>¿Qué es una wiki?</li>
<li>¿Dónde puedo crear una wiki?</li>
<li>¿Qué puedo hacer en una wiki?</li>
<li>Pasos para crear una wiki en wikispaces</li>
</ul>
<br />
<br />
El resultado de está investigación se puede observar en las siguientes presentaciones.<br />
<h3 style="text-align: center;">
Alexandra Ágreda Benavides</h3>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=b57cfc406bcc4dd01e39aa2b05de829cc9a53733&c=1" width="410"></iframe></div>
<br />
<h3 style="text-align: center;">
Andrés Mauricio Gualteros</h3>
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=ba82d5d58b73f26ab8c091e5c261dc971f4b0352&c=1" width="410"></iframe></div>
<br />
<br />
<h3 style="text-align: center;">
Anggie Acero</h3>
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=f193e64d0f4e8df5844c8ebad17bc1474dd674b0&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h3>
Carlos Hernández</h3>
</div>
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=857290fdb501198154a6580c7faf37767397ebce&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<h3>
Carlos Vargas</h3>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=1b2313271cde024817162c42d2fb75615757cbee&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<h3>
Yolima Ortiz</h3>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=3ff955d93366497e7d6a6a173cf186402eea47a5&c=1" width="410"></iframe></div>
<br />
<br />
<h3>
Yina Quique</h3>
</div>
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=fb7537ac018d71b96c81d0f1353cac0b629f6c18&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h3>
Yimy Hernández</h3>
</div>
<div style="text-align: center;">
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=4698b52b434379cc60986601ef5686663b04f883&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<h3>
Silvia Mantilla</h3>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=6c5fa0dd5d5896e4990984890cb87ca9fb264013&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h3>
Wilmer Peña</h3>
</div>
<div style="text-align: center;">
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=8b993bfa2f1fd3915a63c3e66954325bc993e699&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<h3>
Diego Díaz</h3>
</div>
</div>
</div>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=fc770e674c1452aed673c35d973531c942ac1f10&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br />
<br />
<h3>
Dora Pabón</h3>
</div>
<div style="text-align: center;">
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=857126c6f23e6312b1e00a369f9c27a23e224eec&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<h3>
Jaime Durán</h3>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=f1ca86be17ff3cd1b4a9ccfd273989fae97b7bab&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Las presentaciones han sido realizadas por los docentes en cada una de ellas se abordan diferentes temáticas enfocadas en la web 2.0, en el manejo de las herramientas desde la creación de un Blog hasta acciones indispensables de como comprimir y descomprimir archivos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i>Cada una de las presentaciones ha sido aprobada por sus autores para ser publicada en el presente Blog.</i></div>
<div style="text-align: center;">
<br /></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-59165190916852235312013-02-20T08:19:00.002-08:002013-02-20T08:19:31.358-08:00Calendario de ActividadesEl sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a> posee la capacidad de establecer rango de fechas para la apertura y cierre de las actividades y recursos existentes, así como establecer el rango de fechas en el que un usuario podrá participar en dichos recursos.<br />
<br />
Por lo tanto para reflejar todas estas fechas, se ha realizado el denominado calendario de actividades por curso, este está basado en la librería <a href="http://arshaw.com/fullcalendar/" target="_blank">Fullcalendar</a>, la cual proporciona las acciones básicas del calendario como son:<br />
<br />
1. Arrastrar y soltar eventos.<br />
2. Vista del calendario por mes, semana y día.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzQM2ODkQHpNjmd1l1e5pEMn_xdwYEArHi809a7l5APRoTHH2l8qjfaUKfr8NVjR2r-ESel1-hGVYGU3oeoRJc-csijWJLv8Ua6mPyCxOhW8IRwIIeAHgZN6OxPhXGTw2nXb-M-Lv9hn8/s1600/panatallac.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzQM2ODkQHpNjmd1l1e5pEMn_xdwYEArHi809a7l5APRoTHH2l8qjfaUKfr8NVjR2r-ESel1-hGVYGU3oeoRJc-csijWJLv8Ua6mPyCxOhW8IRwIIeAHgZN6OxPhXGTw2nXb-M-Lv9hn8/s320/panatallac.jpg" width="290" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTlZ3R2rYckCdY3r-NLhlg__aiXYSSY7345eS7_Z2CLl96TY7-RemYr1V2X_KB2g8kwI0Gif3d6msL6AK3XKj0g1HFTPbnRRDk1J1fXtCexkr4jqC6yJ33XTE3bDG6O4FNSnih-uSAhc/s1600/pantalla3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTlZ3R2rYckCdY3r-NLhlg__aiXYSSY7345eS7_Z2CLl96TY7-RemYr1V2X_KB2g8kwI0Gif3d6msL6AK3XKj0g1HFTPbnRRDk1J1fXtCexkr4jqC6yJ33XTE3bDG6O4FNSnih-uSAhc/s320/pantalla3.jpg" width="292" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
El objetivo principal del calendario es el de centralizar todas los eventos en un sólo punto, como son:<br />
<br />
<ol>
<li>Apertura y/o cierre de contenidos.</li>
<li>Participación de foros.</li>
<li>Inicio de participación de chats.</li>
<li>Rango de fechas de tareas.</li>
<li>Periodo de tiempo de presentación de exámenes.</li>
<li>Así como la posibilidad de crear eventos personalizados.</li>
</ol>
<br />
Con el objetivo de dar un "protagonismo" al sistema de calendario de actividades se ha dispuesto en una tercera pestaña, en la cual también sirve como punto de notificaciones de cantidad de eventos por día.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfB1SPaSZBKp8Wsxds48RChZWI1HZP8B4C3E4S-ENS9IDpVYJBpxPJowP31fhdCjOgHGFehcGmJ3KHYpgPCErwHx3s3P8JyyZpN5ufl1Y7B_IQDd8W7v1ujzmNKCktYIGX4IFE1ci-Xc/s1600/Captura+de+pantalla+2013-02-19+a+las+15.20.46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfB1SPaSZBKp8Wsxds48RChZWI1HZP8B4C3E4S-ENS9IDpVYJBpxPJowP31fhdCjOgHGFehcGmJ3KHYpgPCErwHx3s3P8JyyZpN5ufl1Y7B_IQDd8W7v1ujzmNKCktYIGX4IFE1ci-Xc/s320/Captura+de+pantalla+2013-02-19+a+las+15.20.46.png" width="138" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
En esta nueva "Pestaña" se muestra una serie de opciones como son:<br />
<br />
<ol>
<li>Crear nuevo evento (Docente)</li>
<li>Cuenta regresiva en la cual muestra el tiempo restante del curso.</li>
<li>Calendario que permitirá desplazarse entre fechas.</li>
<li>Activar/desactivar tipo de eventos del calendario</li>
<li>Posibilidad de establecer un color personalizado a cada evento (Sólo docente)</li>
</ol>
<h3>
Barra de botones calendario.</h3>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_kUwEXdRqQNXECfTqAS7zbxyu8YcnG5L7QzwZUxF8EgvwE7QTQGxJ1VIaNtlQBJAHVtYzV4kea3K9U1TQNQrDvu9AuL9FL7QBJoDHIqg1JMjUrG1dWneXpTXfmZC-ckUYx62Y61EL2g/s1600/barra.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="34" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_kUwEXdRqQNXECfTqAS7zbxyu8YcnG5L7QzwZUxF8EgvwE7QTQGxJ1VIaNtlQBJAHVtYzV4kea3K9U1TQNQrDvu9AuL9FL7QBJoDHIqg1JMjUrG1dWneXpTXfmZC-ckUYx62Y61EL2g/s320/barra.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
La cual contiene las siguientes opciones:</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis_vr8sxiv0HB8T8vB1M8XChxCSzmU4Aos6hcEkxu2XyBh9cgYTGLh1_SF1IKuPppzvLaO3CdHpRVFg09-S4LnSJp6v-Bc6r3KI5hR4GToH6Sq8EMAJQyZUURvpM6Ynf7WjmoKxRkoVbY/s1600/barra2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis_vr8sxiv0HB8T8vB1M8XChxCSzmU4Aos6hcEkxu2XyBh9cgYTGLh1_SF1IKuPppzvLaO3CdHpRVFg09-S4LnSJp6v-Bc6r3KI5hR4GToH6Sq8EMAJQyZUURvpM6Ynf7WjmoKxRkoVbY/s1600/barra2.jpg" /></a></div>
<div>
<ol>
<li>Creación de un nuevo evento.</li>
<li>Generación de archivo en formato pdf del calendario.</li>
<li>Listado de eventos por día.</li>
<li>Suscripción al calendario.</li>
<li>Actualización del calendario.</li>
<li>Navegación de calendario.</li>
<li>Vista del calendario por mes, semana y día.</li>
</ol>
</div>
<h3>
1. Creación de un nuevo evento.</h3>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAbrY3lYYpthhRHFG-nkpXa1n3o6A_0y_6DwNP_ufTvrJsTPbyf4dI1-m8Ad7dokqru_4d13wgYPdIQj9whU_wWaoXFWKUBSPduTfoafEx4sNtAJfSZ2Bt6ElAuT8mxeKp-qkaaKT4Cc0/s1600/Captura+de+pantalla+2013-02-20+a+las+8.34.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAbrY3lYYpthhRHFG-nkpXa1n3o6A_0y_6DwNP_ufTvrJsTPbyf4dI1-m8Ad7dokqru_4d13wgYPdIQj9whU_wWaoXFWKUBSPduTfoafEx4sNtAJfSZ2Bt6ElAuT8mxeKp-qkaaKT4Cc0/s320/Captura+de+pantalla+2013-02-20+a+las+8.34.22.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Esta acción puede ser realizada a través de dos botones, el primero que se encuentra en el menú izquierdo del calendario y el segundo en la barra de botones del mismo.</div>
<div>
<br /></div>
<div>
En está ventana el docente podrá crear eventos personalizados o relacionados a las actividades, estableciendo rango de fechas.</div>
<div>
<br /></div>
<div>
A través de esta opción se podrán crear eventos que se verán reflejados en el calendario de actividades, éstos eventos no están asociados directamente a las actividades, por lo que cuando se "pica" sobre el evento se mostrará un resumen del mismo a diferencia de eventos relacionados a actividades que dirigirá al usuario al recurso.<br />
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDaVT5RbsVYGvZrNkr5-PlelwvD74DcbjFxF0AUwqsweoRRhgvcj2Dl5AUVjcfh88WBtzx3NwSYB282Ii1FfZNHZWZQtRiAJ-HJ1aYLBJKdSuyuNictG75vqKHtCnOiqih36MiJKpl7g/s1600/Captura+de+pantalla+2013-02-20+a+las+8.37.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYDaVT5RbsVYGvZrNkr5-PlelwvD74DcbjFxF0AUwqsweoRRhgvcj2Dl5AUVjcfh88WBtzx3NwSYB282Ii1FfZNHZWZQtRiAJ-HJ1aYLBJKdSuyuNictG75vqKHtCnOiqih36MiJKpl7g/s320/Captura+de+pantalla+2013-02-20+a+las+8.37.44.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis86PXsEQW6VFIKKeQetcpuLcrPnH-74IEU-16875SNgGCw63yPKSY1JHLv9XSx7hupXg24syCA6gV3tJvCoQXp8PjDEpMCcb2eVMh5EoEOygnD7Fqjdf5Ns20e9Z-YZkAy4Cs6lhiwWc/s1600/Captura+de+pantalla+2013-02-20+a+las+8.37.16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis86PXsEQW6VFIKKeQetcpuLcrPnH-74IEU-16875SNgGCw63yPKSY1JHLv9XSx7hupXg24syCA6gV3tJvCoQXp8PjDEpMCcb2eVMh5EoEOygnD7Fqjdf5Ns20e9Z-YZkAy4Cs6lhiwWc/s320/Captura+de+pantalla+2013-02-20+a+las+8.37.16.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Se pueden crear varios tipos de eventos además de eventos propios del calendario, como por ejemplo asociar tiempos de apertura y cierre de contenidos, así como tiempo de participación en actividades como foros y tareas.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h3>
2. Impresión del Calendario.</h3>
<div>
Esta opción permitirá generar un archivo en formato PDF, para impresión por parte del usuario, el archivo está acompañado por un <a href="http://es.wikipedia.org/wiki/C%C3%B3digo_QR" target="_blank">código QR</a>, el cual permitirá que el usuario haga una suscripción del calendario, en este archivo se muestra en forma de listado de eventos con su correspondiente apertura y cierre.</div>
<div>
<h3>
3. Listado de eventos por día.</h3>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxux3UPvEOi82-JPOvpCED-Mvgh8BfL8Jn1C6AdxQPpk0wa7__cMHeVL2kfCeTz9G_RwHTZC8MfO5O0aXTh9vAZQi2eSq0RBVD6-ZwGN4Vgsi5FzSonzN207rKFgqRbGfHkn2s2mDg66M/s1600/Captura+de+pantalla+2013-02-20+a+las+8.38.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxux3UPvEOi82-JPOvpCED-Mvgh8BfL8Jn1C6AdxQPpk0wa7__cMHeVL2kfCeTz9G_RwHTZC8MfO5O0aXTh9vAZQi2eSq0RBVD6-ZwGN4Vgsi5FzSonzN207rKFgqRbGfHkn2s2mDg66M/s320/Captura+de+pantalla+2013-02-20+a+las+8.38.10.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Está opción le informa al usuario de aquellos eventos que tienen comienzo en un día determinado, permitiendo clasificaros por los tipos de eventos y seleccionar una fecha determinada.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h3>
4. Suscripción al calendario.</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqiC_QJofe7e49nAzw1fWPKioOK-sCXyuvFS2GC3TbJLwS9cc7WL3AY1D9fJDpolLef_MeotxT5HoklT4Tbr5yvDuJ5Ma1sdQ5V6sEP2D2rtpcehOe6HrcdvW2BvE_UbZVCpbGSWTM6Q/s1600/Captura+de+pantalla+2013-02-20+a+las+8.38.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqiC_QJofe7e49nAzw1fWPKioOK-sCXyuvFS2GC3TbJLwS9cc7WL3AY1D9fJDpolLef_MeotxT5HoklT4Tbr5yvDuJ5Ma1sdQ5V6sEP2D2rtpcehOe6HrcdvW2BvE_UbZVCpbGSWTM6Q/s320/Captura+de+pantalla+2013-02-20+a+las+8.38.34.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Está opción le permitirá al usuario realizar una suscripción al calendario del curso, con la finalidad de contar con un calendario unificado, ésta opción es compatible con cualquier sistema de calendarios que soporte el <a href="http://en.wikipedia.org/wiki/Webcal" target="_blank">Protocolo WebCal</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Para realizar la suscripción en la mayoría de dispositivos, sean de escritorio o móvil, se cuenta con las siguientes opciones:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. <b>Botón suscribirse al calendario:</b> El cual dependiendo del sistema de calendarios que posea el usuario en su equipo se desplegará una ventana como se ve a continuación:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wrzFCzjAG4zZNsgnT7n4BmVpjzzXL7dxLeN6_fL8UP__elOjCsIvFBdPMRc88WfGVV2eDzYS6fzTQuxOuZF3wV-fLQhub-CudI49Ooldb99mQTvAzJc_-5b1u2koiXfJrcSI7x3vAFk/s1600/Captura+de+pantalla+2013-02-20+a+las+8.38.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0wrzFCzjAG4zZNsgnT7n4BmVpjzzXL7dxLeN6_fL8UP__elOjCsIvFBdPMRc88WfGVV2eDzYS6fzTQuxOuZF3wV-fLQhub-CudI49Ooldb99mQTvAzJc_-5b1u2koiXfJrcSI7x3vAFk/s320/Captura+de+pantalla+2013-02-20+a+las+8.38.59.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Calendario en iCal - MAC</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdS931SC2WBshItdzgFZ2Re8pDglqix0zaWUZvvn2kya9NBnuM1dLwU67L0TyV-AdH8aTcOEWt7Sm8rtjZ-h1jsngeFE-fAxZDpBJ5mNwAgEzslHmYO2vfF9ylKmqYvIknba_5o0CeTQ/s1600/Captura+de+pantalla+2013-02-20+a+las+8.40.26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdS931SC2WBshItdzgFZ2Re8pDglqix0zaWUZvvn2kya9NBnuM1dLwU67L0TyV-AdH8aTcOEWt7Sm8rtjZ-h1jsngeFE-fAxZDpBJ5mNwAgEzslHmYO2vfF9ylKmqYvIknba_5o0CeTQ/s320/Captura+de+pantalla+2013-02-20+a+las+8.40.26.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Calendario en Outlook - Windows</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijdZDP-4X3DT9J2eJm-pNNoLBdq4isDYte1iEAenw2p0WIolahI4bvF5vrhC8QPNj-c8s7clk5LRU4GRNJM9ReViy3Hc5J-h8Dd3lyFoKQBvgzpUoaafUFZxH9C3lLyAqSr7l5LZW85ic/s1600/outlook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijdZDP-4X3DT9J2eJm-pNNoLBdq4isDYte1iEAenw2p0WIolahI4bvF5vrhC8QPNj-c8s7clk5LRU4GRNJM9ReViy3Hc5J-h8Dd3lyFoKQBvgzpUoaafUFZxH9C3lLyAqSr7l5LZW85ic/s320/outlook.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. <b>Suscripción al calendario a través de la URL</b>: Cada calendario cuenta con una url la cual índica que se trata del protocolo Webcal, ya que su inicio convencional no es a través de <a href="http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol" target="_blank">http://</a> sino con <a href="http://en.wikipedia.org/wiki/Webcal" target="_blank">webcal://</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Con está url el usuario estará en capacidad de suscribirse a sistemas de calendarios como es el caso de <a href="http://support.google.com/calendar/bin/answer.py?hl=es&answer=37100" target="_blank">Google Calendar</a> </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Google Calendar</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXi4zapLqECDFWTxHcYcmzt8KcXPz0qTbWIvMWdzFiX53NjzbzJG5lz_FFdUJaB8SgYagFieRlrjL1ex5cP8XWk6dOGjoA769cHwgz_D1Guac55MiD-28CwBWcw1vvCL4JBcJrrsEUecA/s1600/gcalendar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXi4zapLqECDFWTxHcYcmzt8KcXPz0qTbWIvMWdzFiX53NjzbzJG5lz_FFdUJaB8SgYagFieRlrjL1ex5cP8XWk6dOGjoA769cHwgz_D1Guac55MiD-28CwBWcw1vvCL4JBcJrrsEUecA/s320/gcalendar.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>3. Suscripción dispositivos Móviles:</b> Para realizar está acción se cuenta con la opción del <a href="http://es.wikipedia.org/wiki/C%C3%B3digo_QR" target="_blank">código QR</a>, el cual permitirá que el usuario haga su suscripción, siempre y cuando éste pertenezca al curso.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Escanear código QR, dependiendo del sistema operativo móvil utilizado (IOS, Android, Windows Phone), existe una gran variedad de programas que realizan este proceso.</li>
</ul>
<ul>
<li>Identificación del usuario, para validar que hace parte del curso.</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8735I_faXoEMo5cYtiTjR2zgtZ0UrMN974MrdOTzALYNMS46Rj9Z7O4BI1deIkTyx8t2PbGyo98UtSRCuV16fqImvp9lSzCRBW_dj3BwN_GHFC90FIFzIDloatUnJzEu0kBOAI7tzXuk/s1600/Foto+2-20-13+10+41+40+a.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8735I_faXoEMo5cYtiTjR2zgtZ0UrMN974MrdOTzALYNMS46Rj9Z7O4BI1deIkTyx8t2PbGyo98UtSRCuV16fqImvp9lSzCRBW_dj3BwN_GHFC90FIFzIDloatUnJzEu0kBOAI7tzXuk/s320/Foto+2-20-13+10+41+40+a.m..png" width="213" /></a></div>
<div>
</div>
<div>
<br /></div>
<ul>
<li>Suscripción al calendario y elección de eventos a sincronizar.</li>
</ul>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix3dB1eN6aObrjIHVrraSmap6MVxwUchoDXmOFgFJ2M8RAD0yV7WmG_Q05PjhzyxI4r8z87HkfoFseiBCRDXjYQ-l4XG-uBYKPGQpQZvhbL9xvOD4Z_CDFzM3_E9gdfwmgvJkLqi3plhs/s1600/Foto+2-20-13+10+42+23+a.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix3dB1eN6aObrjIHVrraSmap6MVxwUchoDXmOFgFJ2M8RAD0yV7WmG_Q05PjhzyxI4r8z87HkfoFseiBCRDXjYQ-l4XG-uBYKPGQpQZvhbL9xvOD4Z_CDFzM3_E9gdfwmgvJkLqi3plhs/s320/Foto+2-20-13+10+42+23+a.m..png" width="213" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhzv0OPbYzooZM6aM-LZ32uTg6_zRAEqXUSe928BYmei0BcxdFanV-PBAQ9_YX0vr_NARD9YAe2X1_hKsu_FavFcOt-vhymaj19bbidm0BAUeRQAsCuMuD2kbHpfN5RMOPPfSEzkV8PM/s1600/Foto+2-20-13+10+44+28+a.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIhzv0OPbYzooZM6aM-LZ32uTg6_zRAEqXUSe928BYmei0BcxdFanV-PBAQ9_YX0vr_NARD9YAe2X1_hKsu_FavFcOt-vhymaj19bbidm0BAUeRQAsCuMuD2kbHpfN5RMOPPfSEzkV8PM/s320/Foto+2-20-13+10+44+28+a.m..png" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Calendario en IOS</div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPll8bkGVvAiLCUq9AL-oTvKrCf9qQQxLUZdHx_VKdnM2yf95WrF8LSfRaZraegWuP3FbTXzbBbR1r9P4_1nP_Tqjx8okaDk1a3-CLr10YHsYU6lPyWMOzQrhSotCM__KHXb6Yjzo1MqA/s1600/Foto+2-20-13+10+46+50+a.m..png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPll8bkGVvAiLCUq9AL-oTvKrCf9qQQxLUZdHx_VKdnM2yf95WrF8LSfRaZraegWuP3FbTXzbBbR1r9P4_1nP_Tqjx8okaDk1a3-CLr10YHsYU6lPyWMOzQrhSotCM__KHXb6Yjzo1MqA/s320/Foto+2-20-13+10+46+50+a.m..png" width="213" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
Calendario en iPad</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ysE0yQ7ga8XMQO9DQNqcEfxr_L53Bp8HQSXOmoDqQRKetKERSy5C893B9GrY1m_LpPPhnWrPBaBBUJBoreBRwxNDj-4KTLdZFLfAQOc3ffW3_VTqNi1uTMoj8j_Tp0ORnUTPv82Mz8o/s1600/Foto+20-02-13+10+46+34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ysE0yQ7ga8XMQO9DQNqcEfxr_L53Bp8HQSXOmoDqQRKetKERSy5C893B9GrY1m_LpPPhnWrPBaBBUJBoreBRwxNDj-4KTLdZFLfAQOc3ffW3_VTqNi1uTMoj8j_Tp0ORnUTPv82Mz8o/s320/Foto+20-02-13+10+46+34.png" width="320" /></a></div>
<div>
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
Si un evento del calendario llega a cambiar este se verá reflejado en las suscripciones, en el caso de los dispositivos móviles se ejecuta una alarma 10 minutos antes del evento (en proceso de mejora).</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Una suscripción al calendario se hace por persona, es decir si un usuario tiene más de una asignatura en el mismo calendario de la suscripción aparecerá todos los eventos de todas las asignaturas que tenga asociadas y que desee estar suscrito.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Los eventos de los calendarios se mantendrán hasta cuando se haya cerrado el curso.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h3>
5. Personalización colores eventos.</h3>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_CQ1JKIsZKNR5klaNAQqt03WyW8T44oh89Nnk55tH86MbRtFd4IlauFVhn1-26-kQGR19QRwQExLUk-eGAw7I9kq6HdDCg9roUtMP-GcT2axmQ2BwFYBYlqV9tH0KbrdLdI86SrrgTOQ/s1600/Captura+de+pantalla+2013-02-20+a+las+8.41.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_CQ1JKIsZKNR5klaNAQqt03WyW8T44oh89Nnk55tH86MbRtFd4IlauFVhn1-26-kQGR19QRwQExLUk-eGAw7I9kq6HdDCg9roUtMP-GcT2axmQ2BwFYBYlqV9tH0KbrdLdI86SrrgTOQ/s320/Captura+de+pantalla+2013-02-20+a+las+8.41.22.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
El docente tendrá la posibilidad de personalizar los colores de los eventos presentes en el calendario, estos colores se verán reflejados a los demás usuarios que participen en el curso (Tutores/estudiosos), además se tendrá la opción de ver los eventos clasificados por su tipo.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<h3>
Conclusión.</h3>
<div>
El calendario de actividades permitirá a los usuarios de un curso mantener un orden en las actividades que realizará en el tiempo que dura la asignatura, le permitirá realizar una mejor programación de su tiempo.</div>
<div>
<br /></div>
<div>
A través de la opción de suscripción podrá estar al tanto del curso a través de su sistema de calendarios favorito sin la necesidad de estar autenticado de forma permanente en el sistema.</div>
<div>
<br /></div>
<div>
Jorge Rubiano.</div>
<div>
<a href="https://twitter.com/ostjh" target="_blank">@ostjh</a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com2Chía Chía4.865525 -74.039758tag:blogger.com,1999:blog-3619773904197753749.post-4065568717503601652012-09-24T06:54:00.003-07:002012-09-24T06:54:39.844-07:00Galería de Presentaciones UMBEl sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, cuenta con la herramienta denominada <a href="http://virtualnet2-0.blogspot.com/2012/05/presentaciones.html" target="_blank">Presentaciones</a>, la cual da la capacidad a los usuarios del sistema, realizar Ponencias Virtuales.<br />
<br />
En la presente entrada queremos compartir algunas de estas presentaciones, realizadas por los estudiosos de diferentes asignatura de la <a href="http://www.umbvirtual.edu.co/" target="_blank">UMB Virtual</a><br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Samuel Betancur</span></div>
<br />
De la Especialización en planeación, desarrollo y administración de la investigación asigantura Modelos Administrativos<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=b16e3be04f6f896f0f7ebffb8a9f8a3f61844b31&c=1" width="410"></iframe></div>
<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Liliana Huertas</span></div>
<br />
Estudiante de Ingeniería Industrial de la Universidad Manuela Beltrán, presentación realizada para la Asignatura Virtual Gerencia Moderna, con el tema Cultura, cambio, liderazgo organizacional en una empresa.<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=abbd7f3bcae2642fcb13e5b440da89efd5910421&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">John Fredy Rios Restrepo</span></div>
<br />
Estudioso del programa Tecnologías de la información para la comunicación virtual, asignatura Diseño, desarrollo y evaluación de software multimedial.<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=b38b70f095585092bca7613ea4f3bd01b72c883d&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="text-align: start;"><span style="font-size: large;">Norma Sabogal</span></span></div>
<div style="text-align: justify;">
<span style="text-align: start;"><br /></span></div>
<div style="text-align: justify;">
<span style="text-align: start;">Estudiosa del programa Tecnologías de la información para la comunicación virtual, asignatura Diseño, desarrollo y evaluación de software multimedial.</span>
<br />
<span style="text-align: start;"><br /></span></div>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=966eff21c3aee5c6bbc555e49725f018cf76bea4&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;">Nini Ladino</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Estudiosa del programa de Logística, Presentación relacionada con la asignatura Inglés Técnico.<br />
<br /></div>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=57ecdbae0451f150d53c14f86f827ed53ea3933b&c=1" width="410"></iframe></div>
<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">Blanca Rocío Pedreros</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
Estudiosa del programa "Especialista en Gerencia del Talento Humano" del curso Globalización, competitividad y sociedad del conocimiento, a partir de la lectura de un texto de Sally Burch.<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=210e3208b999e2c7d4cd8bf852923e8066646e7b&c=1" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span>
<span style="text-align: justify;"><span style="font-size: large;">Alexandra Arbeládez</span></span>
<br />
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
Estudiosa de la Especialización en Gerencia del Talento Humano, relacionada con el tema "Rol del Jefe".</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=34da14ed11553a90dc3787c5abe5a4c89f16961a&c=1" width="410"></iframe></div>
<br /></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Silvia Espinosa, Lina Manrique y Jorge Rubiano.</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Presentación realizada para mostrar las <a href="http://virtualnet2-0.blogspot.com/2012/09/nuevas-funcionalidad-presentaciones.html" target="_blank">nuevas características</a> del sistema de Presentaciones , una de las cuales se muestra en la misma ponencia, la cual es la de trabajo colaborativo.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=0321d11da1e6650bdeb8ef7b12eed41348fff8a9&c=1" width="410"></iframe><br />
<br />
<div style="text-align: justify;">
Son algunas de las presentaciones que deseamos compartir con todos ustedes, con el fin de mostrar el trabajo que han realizado nuestros estudiosos y docentes, en el uso de esta herramienta.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="text-align: center;">Periódicamente</span> seguiremos publicado presentaciones, con el fin de dar visibilidad al gran trabajo que realizan nuestros usuarios, así como en nuestro grupo de <a href="https://www.facebook.com/pages/UMB-Virtual/190566057656393" target="_blank">Facebook</a>.</div>
</div>
Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-89286313515987859552012-09-19T07:13:00.001-07:002012-09-19T07:13:31.792-07:00Nuevas funcionalidades PresentacionesEl sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, cuenta con la herramienta denominada <a href="http://virtualnet2-0.blogspot.com/2012/05/presentaciones.html" target="_blank">Presentaciones</a>, la cual permite que los usuarios realicen ponencias virtuales, con la capacidad de hacerlo a través de vídeo y otras características que la componen.<br />
<br />
Se han adicionado nuevas funcionalidades que ayuda a la buena elaboración de dichas presentaciones algunas de las cuales se enuncian en la siguiente presentación:<br />
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=0321d11da1e6650bdeb8ef7b12eed41348fff8a9" width="410"></iframe></div>
<br />
Nuevas características Presentaciones<br />
<br />
<ol>
<li><a href="http://www.html5rocks.com/en/tutorials/dnd/basics/" target="_blank">Drag and Drop</a> para subir archivos.</li>
<li>Búsqueda de Presentaciones.</li>
<li>Presentaciones Colaborativas.</li>
<li>Opciones de Privacidad.</li>
</ol>
<div>
<br /></div>
<div style="text-align: center;">
Drag and Drop para subir archivo
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Está opción permite subir las presentaciones con tan solo la acción de arrastrar y soltar sobre el listado de Presentaciones.</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhANMovgw4JLVf9sAL6tfoyLdaAp59GYdvDAJ6h255UJC8VLZhJFLXtK0T9FVJ2tgub_Fhc2zdlSh7zQ1oQRdSN4BNp9C8dlkovutZ7jdigoDlCt-TxOxLbc_cFj19dlpkKIxVai_GtwrY/s1600/Imagen_Drag.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhANMovgw4JLVf9sAL6tfoyLdaAp59GYdvDAJ6h255UJC8VLZhJFLXtK0T9FVJ2tgub_Fhc2zdlSh7zQ1oQRdSN4BNp9C8dlkovutZ7jdigoDlCt-TxOxLbc_cFj19dlpkKIxVai_GtwrY/s320/Imagen_Drag.gif" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Está acción facilita el proceso de subir una Presentación, sin la necesidad de realizar el proceso convencional que se basa en la búsqueda del archivo en el directorio donde ha sido almacenado, en este caso el usuario ya conoce su ubicación y tan sólo deberá seleccionar el documento y soltarlo sobre el espacio de presentaciones.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
El tipo de archivos con los que se puede realizar está acción son:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Archivos ppt/pptx Correspondientes a Office 2003 y Office 2007 y superior respectivamente.</li>
<li>Archivo .ZIP que contenga las imágenes de las diapositivas.</li>
</ul>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Búsqueda de Presentaciones</div>
<div>
<br /></div>
<div>
Permitirá al usuario realizar filtros sobre las presentaciones que tiene asociadas, así como en las que ha sido relacionado como Colaborador.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinmd-wbxQ2jeD70_bIkPur0juqwy-8lbtYLOdI-gtqQaOBegpol1hd5Wa60DpoteXTym7Hd2TsymILsb2AVEkjEyZ2NSb1EIcawTfIhayyqhqCmPyKYrTDCHofwxjCPJsSlMnejjPsc4U/s1600/filtrar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinmd-wbxQ2jeD70_bIkPur0juqwy-8lbtYLOdI-gtqQaOBegpol1hd5Wa60DpoteXTym7Hd2TsymILsb2AVEkjEyZ2NSb1EIcawTfIhayyqhqCmPyKYrTDCHofwxjCPJsSlMnejjPsc4U/s320/filtrar.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Se podrán conocer que Presentaciones tiene grabaciones y cuales no.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Presentaciones Colaborativas.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Una de las principales funcionalidades que se le han añadido al sistema de Presentaciones, es la posibilidad de realizarlas de forma colaborativa, para lo cual se cuenta con dos opciones:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Asociar colaboradores a toda la presentación con </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Control Total: En la cual se le permitirá al usuario colaborador acceder a la presentación como si del propietario se tratase, dándole la posibilidad de asociar nuevas diapositivas, importar vídeo y diapositivas de otras presentaciones, capacidad de reorganización del orden de las diapositivas, adjuntar archivos.</li>
<li>Sólo grabación: El usuario colaborador tan sólo tendrá la opción de grabar sobre las diapositivas que se encuentren en la presentación, no contando con la opción de asociar nuevas diapositivas.</li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNpgG09KMMGlWSfLXIEtjqcAQ1S3TFinQZ2XGXApYZEoKbHdgmO9kvv7i_1w8dq5Ph3hSFa6OhOvgkSY4I8wEPoXQa0zVxdAi3k4HLsAG2MRhsojzAS2HVIiPYNsYnZeYHkCD4gyjH38/s1600/sele_usuario_colabora.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWNpgG09KMMGlWSfLXIEtjqcAQ1S3TFinQZ2XGXApYZEoKbHdgmO9kvv7i_1w8dq5Ph3hSFa6OhOvgkSY4I8wEPoXQa0zVxdAi3k4HLsAG2MRhsojzAS2HVIiPYNsYnZeYHkCD4gyjH38/s320/sele_usuario_colabora.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgml9Jfm8UbRWuS8AvWit3_I-viZpbrhjohgm9ZIH3MlkKU97Kl5u9kh-HVWNso1Up-rM_x2EAxS3ixmyuj1rxzv7Lets8XXEN2qv98xSjfRtvlKpylMhR68dywrxvC7RBLS9_YYrD1RXs/s1600/sele_usuario_colabora_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgml9Jfm8UbRWuS8AvWit3_I-viZpbrhjohgm9ZIH3MlkKU97Kl5u9kh-HVWNso1Up-rM_x2EAxS3ixmyuj1rxzv7Lets8XXEN2qv98xSjfRtvlKpylMhR68dywrxvC7RBLS9_YYrD1RXs/s320/sele_usuario_colabora_2.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Asociar colaboradores por diapositiva.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Permite que el usuario Propietario de la presentación, pueda definir que usuarios tienen permiso sobre una o varias diapositivas de la presentación, con la posibilidad de tan sólo realizar grabaciones en las diapositivas que se les asignen.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Contando con la capacidad de asociar varios usuarios a la misma diapositiva o restringirlo a tan sólo uno.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUJ5MDhjAWvgwFdPpjPWzdsNP6Ylfk3MGK2gTEQI8GwbXBTmbj9PHC8dLmsGeDDrZkCFWl7Mvt-hy65L0lvljSfPcAXdnPshHaxibucuq4nT8oVsNYdFehPXUzLgqRj9j3KkYil_cp3bk/s1600/usuario_diapositiva.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUJ5MDhjAWvgwFdPpjPWzdsNP6Ylfk3MGK2gTEQI8GwbXBTmbj9PHC8dLmsGeDDrZkCFWl7Mvt-hy65L0lvljSfPcAXdnPshHaxibucuq4nT8oVsNYdFehPXUzLgqRj9j3KkYil_cp3bk/s320/usuario_diapositiva.jpg" width="316" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Cada grabación realizada por cada usuario tan sólo podrá ser eliminada por él mismo, ni el usuario Propietario podrá realizar está acción.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Opciones de Privacidad.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxZS-ZXxs7L4UKBSRwqWNZhbfDyzf7laRiLXAxZ3l8DU-7cEz3Yvff1uc0uXbwVC5UjTQjW-Ng3z-hBUu0X5FgjX_bg_CV3PTVv6sD251UR0w_SJHLcTYwn5jtk8C7eqVCuYqGX8QBig/s1600/privacidad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxZS-ZXxs7L4UKBSRwqWNZhbfDyzf7laRiLXAxZ3l8DU-7cEz3Yvff1uc0uXbwVC5UjTQjW-Ng3z-hBUu0X5FgjX_bg_CV3PTVv6sD251UR0w_SJHLcTYwn5jtk8C7eqVCuYqGX8QBig/s320/privacidad.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Debido a la capacidad de realizar presentaciones colaborativas, se han relacionado más opciones de privacidad sobre las presentaciones algunas de ellas son:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Establecimiento de Presentaciones Públicas o Privadas: Opción que permitirá establecer sin la presentación podrá ser vista en cualquier sito, o por el contrario e deberá encontrar autenticado con el sistema VirtualNet 2.0, para realizar la vista de la presentación.</li>
</ul>
<ul>
<li>Permisos de Colaboración: En la cual se podrá establecer privilegios sobre los recursos de la presentación como son:</li>
</ul>
<ul><ul>
<li>Compartir diapositiva y vídeos: Otorga el permiso que en otra presentación se pueda hacer uso de las diapositivas y vídeos de la presentación.</li>
<li>Compartir sólo diapositivas: Permite el uso de las diapositivas en otra presentación, más no el uso de las grabaciones que tenga asociadas.</li>
<li>No compartir diapositivas y vídeos: No permite que las diapositivas y vídeos asociados a las mismas sean usados en otras presentaciones.</li>
</ul>
</ul>
<ul>
<li>Vista Presentador: Capacidad para ocultar el vídeo del presentador y ser reemplazado por la foto de perfil asociado al sistema, tan sólo contará con el audio.</li>
</ul>
<div>
Estás opciones son aplicables tanto por el usuario Propietario como por el usuario colaborador, es decir, un colaborador podrá establecer límites sobre sus vídeos y/o diapositivas que haya compartido en una presentación de un tercero.</div>
<div>
<br /></div>
<div>
Con estas funcionalidades se busca impulsar aún más el trabajo colaborativo por parte de nuestros usuarios, otorgándoles una herramienta que les ayuda con este fin.</div>
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-7037727555540180262012-07-04T14:29:00.005-07:002012-07-06T11:07:53.705-07:00VirtualNet 2.0 Mobile<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">Virtualnet 2.0</a> es un sistema el cual provee a los usuarios de la herramientas para su aprendizaje a través de Internet, haciendo uso para tal fin de un navegador web, usado en un equipo de escritorio.<br />
<br />
Actualmente el auge de los dispositivos móviles, ha impulsado que el acceso de los usuarios a la red, se realice haciendo uso de éstos equipos, ya que están siempre al lado de ellos.<br />
<br />
Virtualnet 2.0, ha querido hacer uso de esta premisa del uso móvil por parte de los usuarios y aplicar el concepto de educación virtual a través de la movilidad, conocida como <a href="http://es.wikipedia.org/wiki/Aprendizaje_electr%C3%B3nico_m%C3%B3vil" target="_blank">MLearning</a>, y poner a disposición de los usuarios una aplicación web, personalizada especialmente para el uso móvil, denominda <a href="http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_web" target="_blank">Webapp</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3XknEU3ATJos5d12WnmNWDAxLE_8ErFgKWkQuOIrEMLVL4ChE8wACZmljS8QUBm0GBzywaij86bR7VAAx1uZv-rG4jWVudpqtMq0uZsgiecl0j9-MqE3Va7r-e0O990CtrUecqTWK5Y/s1600/IMG_4229.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3XknEU3ATJos5d12WnmNWDAxLE_8ErFgKWkQuOIrEMLVL4ChE8wACZmljS8QUBm0GBzywaij86bR7VAAx1uZv-rG4jWVudpqtMq0uZsgiecl0j9-MqE3Va7r-e0O990CtrUecqTWK5Y/s320/IMG_4229.PNG" width="213" /></a></div>
<br />
<br />
<br />
<span style="background-color: white;">Para tal fin se ha hecho uso del <a href="http://en.wikipedia.org/wiki/Framework" target="_blank">framework </a>conocido como <a href="http://www.blogger.com/"><span id="goog_1467117110"></span>jquery Mobile<span id="goog_1467117111"></span></a>, el cual provee el soporte para varias plataforma móviles.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://jquerymobile.com/gbs/" target="_blank"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivjptRvjYwocatWUeR4NYvhW7KBdKYyMUkLI_VXTGe0FM4Lj-eeT68AGY8gSUk7DYezqIhOtNvKl4YLGx_NqB1zn7aosrJnuzyg_Ps9QHyrAvTMUwpBRObXFxBhOQBmPEm_jAIGmIIwgg/s400/plataformas.jpg" width="400" /></a></div>
<br />
En VirtualNet 2.0 mobile, el usuario podrá realizar acciones de consultas, se está trabajando para integrar elementos tales como Chat, y otros que apoyen la interactividad del uso respecto a la aplicación.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9GtwYf4Wia7Wt-f52lF21S6FbAJWWVNECzgy1YUjYiGAK-Ti2kCozURZ0jYz1Tc65A6LxCzQxas994NQ8n7BhCyMgQSd_c63Ek0-aZGUi_gnsOmLe_Aqw-L5yAId2aN4Umisd8EXTK5E/s1600/IMG_4232.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9GtwYf4Wia7Wt-f52lF21S6FbAJWWVNECzgy1YUjYiGAK-Ti2kCozURZ0jYz1Tc65A6LxCzQxas994NQ8n7BhCyMgQSd_c63Ek0-aZGUi_gnsOmLe_Aqw-L5yAId2aN4Umisd8EXTK5E/s320/IMG_4232.PNG" width="213" /></a></div>
<br />
<br />
<br />
Acciones de consulta posibles a través de VirtualNet 2.0 Mobile<br />
<br />
1. Listado de asignaturas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3Jbico2agd-Czu1_2V-Dl_RdJSN14OUJBoM9A9Zuaz4hrBWXecjF2nsfNpAakhmz3yoa0dyRx2IXUymMJu6CXP7NLOKWL25WghunJ2dahNOvUX-Ja4UXXcrB8d1rAi2CjapToKlUfG4/s1600/IMG_4230.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_3Jbico2agd-Czu1_2V-Dl_RdJSN14OUJBoM9A9Zuaz4hrBWXecjF2nsfNpAakhmz3yoa0dyRx2IXUymMJu6CXP7NLOKWL25WghunJ2dahNOvUX-Ja4UXXcrB8d1rAi2CjapToKlUfG4/s320/IMG_4230.PNG" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
iPhone/iPod Touch</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPc5XBKi2RqC6eSnMG5hVFG_fZGj8cDeWZ666kV555BcLOWpxoDL4nK8YZk3luPbpSDfrTDevVKsOm5dtaQ3UrXZ4Ui8rSn3iBEQ8djwbM5ZBzNrtnWzjh3x0i-DiRpVEGLqm0_Qg2jM/s1600/android_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUPc5XBKi2RqC6eSnMG5hVFG_fZGj8cDeWZ666kV555BcLOWpxoDL4nK8YZk3luPbpSDfrTDevVKsOm5dtaQ3UrXZ4Ui8rSn3iBEQ8djwbM5ZBzNrtnWzjh3x0i-DiRpVEGLqm0_Qg2jM/s320/android_2.png" width="192" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Android</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxIBcHTsT18nquvj4XNcDUWGOUEAvSyqzZWu9cIuKYVihnXcptopvdEWCSjTO-qK5sDsY4taTtyDI6l56fk8Kxw_qkYYfDVZ0xj5yDIWZOtPnqXJqhbG-ps4BjUyyOTbwN9OuI8mNjGQ/s1600/iPad_0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxIBcHTsT18nquvj4XNcDUWGOUEAvSyqzZWu9cIuKYVihnXcptopvdEWCSjTO-qK5sDsY4taTtyDI6l56fk8Kxw_qkYYfDVZ0xj5yDIWZOtPnqXJqhbG-ps4BjUyyOTbwN9OuI8mNjGQ/s320/iPad_0.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
iPad</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Listado de participantes.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRpiprP-NsFvoLBJP8fZvBD_giUUr-P5_xEVZw8wmaTZLZe2elb_gTsEuTjr3S8bnhlxVciWfPixfnnyZOKilnZPDphZ5R63pUjR2hPue-9_TpZN63ckY23XXBFBKdGXDaD5FNQPT5Aaw/s1600/IMG_4233.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRpiprP-NsFvoLBJP8fZvBD_giUUr-P5_xEVZw8wmaTZLZe2elb_gTsEuTjr3S8bnhlxVciWfPixfnnyZOKilnZPDphZ5R63pUjR2hPue-9_TpZN63ckY23XXBFBKdGXDaD5FNQPT5Aaw/s320/IMG_4233.png" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTt8TA0ldBvlH7k5I2fJbYrPf02g9FEahRbl_SrdLRS6TbkLRYOwmi9eCPRCvEBtmoNHLBwUA2_Edk1F1p_NE6pw7Gu0Rrtk0EDOUk3An4O3z9d8g3KOyRKwuGhyphenhyphenNf94I5De4QwR9QKU/s1600/iPad_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTt8TA0ldBvlH7k5I2fJbYrPf02g9FEahRbl_SrdLRS6TbkLRYOwmi9eCPRCvEBtmoNHLBwUA2_Edk1F1p_NE6pw7Gu0Rrtk0EDOUk3An4O3z9d8g3KOyRKwuGhyphenhyphenNf94I5De4QwR9QKU/s320/iPad_1.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Hoja de calificaciones.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXe9RTB94e2KLlU_Wowb9v1onwk_Ym1a_ByvBbR5Ce71eQV8ccvv1XfLg_OMzSXchlh8lmGZvGztRoqICRcwfB9Pp6NYKa7aQKSZKJvDiYxoZpUwoQItuUjdmcwKziwgZTVVEBMcRf9Q/s1600/IMG_4235.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUXe9RTB94e2KLlU_Wowb9v1onwk_Ym1a_ByvBbR5Ce71eQV8ccvv1XfLg_OMzSXchlh8lmGZvGztRoqICRcwfB9Pp6NYKa7aQKSZKJvDiYxoZpUwoQItuUjdmcwKziwgZTVVEBMcRf9Q/s320/IMG_4235.PNG" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Boletines.</div>
<div class="separator" style="clear: both; text-align: left;">
5. Notificaciones.</div>
<div class="separator" style="clear: both; text-align: left;">
6. Correo electrónico.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcSGMvZwkLK70IFzOH6ycg_iLzOTny5Ug8k98Fw2ndMtpkamp8qmCTRMvTg7ue1TlmAZZtDltUSCgsZNuPiBFMJR4zzOoozMPu84KU2_XsgCU6MBlo6UMVs1g43fOXVBSJeVCB0Ur6-8/s1600/IMG_4236.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcSGMvZwkLK70IFzOH6ycg_iLzOTny5Ug8k98Fw2ndMtpkamp8qmCTRMvTg7ue1TlmAZZtDltUSCgsZNuPiBFMJR4zzOoozMPu84KU2_XsgCU6MBlo6UMVs1g43fOXVBSJeVCB0Ur6-8/s320/IMG_4236.PNG" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvu1AacmaUnlXN86BSP1JbzHn1DVVFhknZn-fvgkLVFspK92CFAUJsvUa74fz7bB1mnTKJhREyx1k9qb7cm3FiR3Re8-r5Ru5ejwfqSXiYEhoohg2WbZW1HwPv7mr6gPQQuQA927zC37g/s1600/IMG_4237.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvu1AacmaUnlXN86BSP1JbzHn1DVVFhknZn-fvgkLVFspK92CFAUJsvUa74fz7bB1mnTKJhREyx1k9qb7cm3FiR3Re8-r5Ru5ejwfqSXiYEhoohg2WbZW1HwPv7mr6gPQQuQA927zC37g/s320/IMG_4237.PNG" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPIRXwSWyGiRIDabAN0A2CAPhKeMetIU_FuiPsSQ7hH-MICzgBUwR2K5PbvXmZWfumDWAQr17a1aRovjZByI3znujnK210yI_TgsdcCCPzcn1C-KeRw0hBgawdIYSwqZOsZzgGNbK6ng/s1600/iPad_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidPIRXwSWyGiRIDabAN0A2CAPhKeMetIU_FuiPsSQ7hH-MICzgBUwR2K5PbvXmZWfumDWAQr17a1aRovjZByI3znujnK210yI_TgsdcCCPzcn1C-KeRw0hBgawdIYSwqZOsZzgGNbK6ng/s320/iPad_2.jpg" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
7. Contenido Móvil.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
En este espacio, se mostrará aquellos contenidos que el docente específique que serán para la versión móvil, es decir, no todos los contenidos disponibles del sistema serán visibles en la versión web, sino tan sólo aquellos que el docente indique que lo serán.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD84tFdILuEbYf-QtcypjENqo_d12HKlCpzjWR6JLSNBzaFPmKCOfT9qWYSXxly5U_fA4ttBBKqfwSHk0pKFOGI7SsHRe_ahCeoCtLp5nQCIUcv0DmFe1lLMcK0lp9zk5j4gsLYQzk1cY/s1600/IMG_4238.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD84tFdILuEbYf-QtcypjENqo_d12HKlCpzjWR6JLSNBzaFPmKCOfT9qWYSXxly5U_fA4ttBBKqfwSHk0pKFOGI7SsHRe_ahCeoCtLp5nQCIUcv0DmFe1lLMcK0lp9zk5j4gsLYQzk1cY/s320/IMG_4238.PNG" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQwElog_lcEFa0zLSUm07nM0a2NZfvukbtUxDf9DpOvqbehiRq7meQag4_Vl1qrJYlznIXo6LXO0c-193DNEqK5IsLUyPbcBMS7mmLBSretDYmxy89t-01pWPToPVAgeS6xpV1dSDJunU/s1600/android_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQwElog_lcEFa0zLSUm07nM0a2NZfvukbtUxDf9DpOvqbehiRq7meQag4_Vl1qrJYlznIXo6LXO0c-193DNEqK5IsLUyPbcBMS7mmLBSretDYmxy89t-01pWPToPVAgeS6xpV1dSDJunU/s320/android_1.png" width="192" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
La aplicación ha sido probada con los navegadores nativos de cada sistema operativo móvil.</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ul>
<li>IOS (iPhone/iPod Touch - iPad)</li>
<li>Android.</li>
<li>Blackberry</li>
<li>Windows Phone.</li>
</ul>
<div>
Además del uso de otros navegadores como Opera y Google Chrome, tanto para IOS como para Android.</div>
<div>
<br /></div>
<div>
El aprendizaje de uso de este sistema por parte de los usuarios, ayudará a mejorar la aplicación y de eta manera crear en un futuro aplicaciones nativas que aprovechen al máximo las capacidades que ofrecen los llamados <a href="http://es.wikipedia.org/wiki/Tel%C3%A9fono_inteligente" target="_blank">Smartphones</a></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-90513661452410191612012-05-18T13:06:00.000-07:002012-05-18T13:13:11.474-07:00Wysiwyg - Asociar PresentaciónEl sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, ha sido dotado del sistema de <a href="http://virtualnet2-0.blogspot.com/2012/05/presentaciones.html" target="_blank">Presentaciones</a>, el cual permite a los usuarios realizar exposiciones virtuales.<br />
<br />
Presentaciones cuenta con la capacidad de ser compartido a través de un enlace directo, <a href="http://es.wikibooks.org/wiki/Programaci%C3%B3n_en_C/C%C3%B3digo_embebido" target="_blank">código de embebido</a> o a través de redes sociales (Facebook y Twitter).<br />
<br />
Para compartir una presentación en VirtualNet 2.0 en diferentes contenidos, como foros y tareas, se requiere que los usuarios copien el <a href="http://es.wikibooks.org/wiki/Programaci%C3%B3n_en_C/C%C3%B3digo_embebido" target="_blank">código de embebido</a> provisto por la aplicación, para evitar este paso, se ha desarrollado un botón en el editor html del sistema (<a href="http://ckeditor.com/" target="_blank">Ckeditor</a>), desde el cual se podrá seleccionar una o varias presentaciones para compartir.<br />
<br />
Anteriormente se había desarrollado un botón personalizado (<a href="http://virtualnet2-0.blogspot.com/2012/04/wysiwyg-grabacion-de-video.html" target="_blank">Wysiwyg - Grabación de Vídeo</a>), el cual dota al editor de la capacidad de grabación de vídeo, bajo el mismo esquema se ha desarrollado esta opción.<br />
<br />
Compartir presentaciones por medio del editor, provee al usuario de dos opciones:<br />
<ol>
<li>Seleccionar presentaciones realizadas en el curso en que se encuentre.</li>
<li>Compartir presentaciones, a través del uso de la URL de la misma.</li>
</ol>
<div>
<br /></div>
<div>
Tan sólo se podrán compartir aquellas presentaciones que tengan asociadas grabaciones de los expositores.</div>
<div>
<br /></div>
<div>
A continuación, se relaciona una serie de capturas que muestran el proceso.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
Opciones Asociar Presentación en el editor html</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKJl0qQlqE8Y2J27BlfnSYvM3KIntvHD6bcJ5q3v3A__sXW-g-bYYvsCr0AbwHHtAzagXXY8gNwA5cXaWwKJkk8MCpD0X980Ax8p-DHup5ftoMuaMqeLO9LsfnhEYf6OT6z75bjP4bSg/s1600/imge_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFKJl0qQlqE8Y2J27BlfnSYvM3KIntvHD6bcJ5q3v3A__sXW-g-bYYvsCr0AbwHHtAzagXXY8gNwA5cXaWwKJkk8MCpD0X980Ax8p-DHup5ftoMuaMqeLO9LsfnhEYf6OT6z75bjP4bSg/s640/imge_1.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
Seleccionar presentaciones realizadas por el usuario en un curso</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoOLwzcNOaF23-957ONaRaJArfglGvk9dfCSiqBpEpbq64yhfgWQo0E6ANR0d-vGXdVhyphenhyphenoM5O9j6ohAOz7cD_MR8xfVVdVuDrk-g-BctTs0kQlw5TVVH4jidtQvTTOcyGoCG-0IbaXMnQ/s1600/imge_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoOLwzcNOaF23-957ONaRaJArfglGvk9dfCSiqBpEpbq64yhfgWQo0E6ANR0d-vGXdVhyphenhyphenoM5O9j6ohAOz7cD_MR8xfVVdVuDrk-g-BctTs0kQlw5TVVH4jidtQvTTOcyGoCG-0IbaXMnQ/s320/imge_2.jpg" width="312" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Compartir presentación con la url de la misma</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA6KyAN737vDrQvVVXnmKq9dBiUaet9UDVNo7NQJS92cRx7UijmWBNccRgZ98SC0yOsgPvZvWiiqHnGxj8dU8fAosGjr3ditpkGgExWZXAsr18UqPpRVBk8208n1iH3VdQjnAJCy26zd4/s1600/imge_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA6KyAN737vDrQvVVXnmKq9dBiUaet9UDVNo7NQJS92cRx7UijmWBNccRgZ98SC0yOsgPvZvWiiqHnGxj8dU8fAosGjr3ditpkGgExWZXAsr18UqPpRVBk8208n1iH3VdQjnAJCy26zd4/s320/imge_3.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Está nueva opción colabora en el proceso de compartir presentaciones, de una forma mucho más fácil y amena, sin la necesidad de realizar el proceso manual.</div>
</div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-71521600846190984272012-05-16T15:02:00.000-07:002013-09-28T07:16:36.752-07:00Presentaciones<div style="text-align: justify;">
<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a> es un sistema en el cual se tiene la capacidad de incrustar diferentes elementos de la web, como vídeo de Youtube, Vimeo, presentaciones elaboradas <a href="http://prezi.com/" target="_blank">prezi</a>, entre otros elementos, esto gracias al <a href="http://virtualnet2-0.blogspot.com/2012/04/wysiwyg-grabacion-de-video.html" target="_blank">editor</a> con el que cuenta.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Prezi es una gran herramienta que permite realizar ponencias de forma interactiva, bajo la premisa que las presentaciones son una fuerte herramienta en la cual los usuarios expresan sus ideas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bajo este esquema se ha realizado la aplicación de Presentaciones, presente en el sistema de VirtualNet 2.0, éstas le permite al expositor asociar un documento PowerPoint, y realizar una grabación como si de una exposición presencial se tratase.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El desarrollo se ha hecho haciendo uso de diferentes tecnologías, siendo como pieza clave el servicio RED5, el cual provee la capacidad de grabación/reproducción de vídeo y audio en tiempo real, haciendo uso del protocolo denominado RTMP.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Además del uso de Adobe Flash para el despliegue de la presentación y el manejo de elementos.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A continuación se muestra una Presentación, realizado en dicho sistema, que muestra el manejo básico, además de una serie de imágenes que ilustran el funcionamiento básico.<br />
<br />
<div style="text-align: center;">
Elemento Embebido - Presentaciones</div>
<br />
<div style="text-align: center;">
<iframe frameborder="0" height="342" scrolling="no" src="http://virtualnet2.umb.edu.co/virtualnet/pre/e.php?v=cd94858c376ebe19fd09484fdf13035103f6470b" width="410"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Contenido General de un curso, con la nueva opción de presentaciones</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn5RO9bz5TyTXNF4uim7f_1C5MYH35gO-OKzqJnpZDM-FDjQoRpeR4r9SLD28cWiVzKeFCvXJaBXFBHRLdE6uqA7ZhyygI4NzWgVVGyYeYjFONSWhwKN7Owb_Q_0pYftSa6fnIwY2aSro/s1600/Captura+de+pantalla+2012-05-16+a+las+16.05.55.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn5RO9bz5TyTXNF4uim7f_1C5MYH35gO-OKzqJnpZDM-FDjQoRpeR4r9SLD28cWiVzKeFCvXJaBXFBHRLdE6uqA7ZhyygI4NzWgVVGyYeYjFONSWhwKN7Owb_Q_0pYftSa6fnIwY2aSro/s1600/Captura+de+pantalla+2012-05-16+a+las+16.05.55.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Adjuntar nueva presentación.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJn5f8jtCpwxh-TnjwkLpwkp4tzP2KhHdVZtE4IOStVHPD5vVRIiDudBZABiS-Rw44OfyM6H40Y33iqPnh6QdRB0Ek2HUx3EH3NAtj6gulKACNtRLRzEw6UCXj9lgvA-3jUtz4A55-Nw/s1600/Captura+de+pantalla+2012-05-16+a+las+16.06.21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJn5f8jtCpwxh-TnjwkLpwkp4tzP2KhHdVZtE4IOStVHPD5vVRIiDudBZABiS-Rw44OfyM6H40Y33iqPnh6QdRB0Ek2HUx3EH3NAtj6gulKACNtRLRzEw6UCXj9lgvA-3jUtz4A55-Nw/s320/Captura+de+pantalla+2012-05-16+a+las+16.06.21.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Listado de presentaciones Existentes</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7dVI7KkNPHEKYFh6YkZt9-kM0CDxh72bhIxydNZUc2xQXiYgkiKcu2dILQzeLwZwIJ17NG-F1cFpt0nfO6ufAkwalfPy7EHR_AswpVDkc1KN_8xdcqbpIDMna7HVzcOQom8VZ2sHoZk/s1600/Captura+de+pantalla+2012-05-16+a+las+16.06.38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7dVI7KkNPHEKYFh6YkZt9-kM0CDxh72bhIxydNZUc2xQXiYgkiKcu2dILQzeLwZwIJ17NG-F1cFpt0nfO6ufAkwalfPy7EHR_AswpVDkc1KN_8xdcqbpIDMna7HVzcOQom8VZ2sHoZk/s320/Captura+de+pantalla+2012-05-16+a+las+16.06.38.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Entorno de edición - Presentaciones</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQBADbw87l07WBs35ICKOOVNPk_vIN6bTgOwrEMK8nDnKtfLyi_nxOLgPgXmLQ0Zac6NgQXnNpfrDkcM7Hqo5JH8a6FzkKF57t2op2Xxs-b1LOIkcgIYEBVdgI2v9D5riaBifvT4-JSt8/s1600/Captura+de+pantalla+2012-05-16+a+las+16.07.00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQBADbw87l07WBs35ICKOOVNPk_vIN6bTgOwrEMK8nDnKtfLyi_nxOLgPgXmLQ0Zac6NgQXnNpfrDkcM7Hqo5JH8a6FzkKF57t2op2Xxs-b1LOIkcgIYEBVdgI2v9D5riaBifvT4-JSt8/s320/Captura+de+pantalla+2012-05-16+a+las+16.07.00.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Configuración de Medios</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggG0LNdjm96vuy01BLNljkQdcYI4id5VaZcc-qs_Z3MLMoPSoi-8RArD-HV5zBNqH4HZbAWYaObtsS5D9esjDdmXx3yIKMmx2dKMWeKitanP7uNpD1lxs2BPmqsqYiZwsruIMtijjoY1o/s1600/Captura+de+pantalla+2012-05-16+a+las+16.07.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggG0LNdjm96vuy01BLNljkQdcYI4id5VaZcc-qs_Z3MLMoPSoi-8RArD-HV5zBNqH4HZbAWYaObtsS5D9esjDdmXx3yIKMmx2dKMWeKitanP7uNpD1lxs2BPmqsqYiZwsruIMtijjoY1o/s320/Captura+de+pantalla+2012-05-16+a+las+16.07.47.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Compartir <span style="text-align: justify;">Presentación</span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSDV9vwe1cmXNsRz-TgHEIOOW42j_Iw9wWeU2CEE4hlKKMtcFNCIqIFyLuKaZGcY1WVz6GVw7KN5mObV27Kq87vMK_-IU4Mt5OdDavODOdYAvy9kcsO_ZN8kvI9M_YAKCATkzL0a0GEXk/s1600/Captura+de+pantalla+2012-05-16+a+las+16.08.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSDV9vwe1cmXNsRz-TgHEIOOW42j_Iw9wWeU2CEE4hlKKMtcFNCIqIFyLuKaZGcY1WVz6GVw7KN5mObV27Kq87vMK_-IU4Mt5OdDavODOdYAvy9kcsO_ZN8kvI9M_YAKCATkzL0a0GEXk/s320/Captura+de+pantalla+2012-05-16+a+las+16.08.17.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
Entorno de Publicación</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEira6-nfwoJ_fQ6tTm9A0LPkK-QKIALcWO4qDtLLY2FVZNccBKwdPFu58MMhjEdO8LGivOrjKBPUq455FBqk44ECKdW0H6emHpdzso4muXRRr-yIQCVAlQFlAmnA-Gr-mTXJ0GeQRVSwiY/s1600/Captura+de+pantalla+2012-05-16+a+las+16.11.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEira6-nfwoJ_fQ6tTm9A0LPkK-QKIALcWO4qDtLLY2FVZNccBKwdPFu58MMhjEdO8LGivOrjKBPUq455FBqk44ECKdW0H6emHpdzso4muXRRr-yIQCVAlQFlAmnA-Gr-mTXJ0GeQRVSwiY/s320/Captura+de+pantalla+2012-05-16+a+las+16.11.49.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
El sistema está en constante desarrollo, buscando agregar elementos de trabajo colaborativo, entre los diferentes usuarios que componen el sistema, para de esta forma crear presentaciones.</div>
<div style="text-align: justify;">
<br />
Actualización: 29/09/2013<br />
<br />
En el presente documento, encontrarán un manual del sistema, realizado por el Licenciado Edgar González de la UMB Virtual.</div>
<br />
<iframe class="scribd_iframe_embed" data-aspect-ratio="0.772922022279349" data-auto-height="false" frameborder="0" height="600" id="doc_17563" scrolling="no" src="//www.scribd.com/embeds/171656152/content?start_page=1&view_mode=scroll&access_key=key-1gk1f47i2ubb34ibtavv&show_recommendations=false" width="100%"></iframe>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-73864401655200861562012-04-11T15:34:00.000-07:002012-04-11T15:36:39.892-07:00Wysiwyg - Grabación de Vídeo<div style="text-align: justify;">
<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, cuenta con un editor HTML o <a href="http://es.wikipedia.org/wiki/WYSIWYG" target="_blank">WYSIWYG </a>(What You See Is What You Get - "lo que ves es lo que obtienes"), el cual le permite a los usuarios del sistema agregar imágenes, enlaces a otras páginas y insertar contenidos de otros sitios.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La librería usada es la llamada <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDoQFjAA&url=http%3A%2F%2Fckeditor.com%2F&ei=EwOGT4T8NomE8QTUxtGYCA&usg=AFQjCNH47oxW-0reuM7kXeh3k5Y59dx2vg&sig2=6e6tZPX9k_USOBpYKhotKg" target="_blank">Ckeditor</a>, la cual da varias posibilidades, desde la de personalizar que opciones tendrá el editor en determinadas ocasiones o como es el presente caso, crear una opción propia, gracias a la posibilidad de hacer uso de la <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&ved=0CFAQFjAC&url=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FApplication_programming_interface&ei=eQOGT4vdK4KY8gSI_9CWCA&usg=AFQjCNH_lcIv3goY6Ab6BeZ2HU9NfoE81g&sig2=tkrow08G7fuw2fUQeDVEVA" target="_blank">API </a>con la que cuenta.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se presentó la necesidad en la cual los usuarios tuvieran la opción de realizar grabaciones de si mismos, sin requerir el uso de un servicio de terceros, por lo que se optó en dotar al editor de está capacidad, en este caso se ha hecho uso del servicio <a href="http://www.red5.org/" target="_blank">RED5</a>, el cual da la capacidad de realizar grabaciones en tiempo real, y además haciendo uso de las funciones provistas en Adobe Flash en el acceso a la webcam de un equipo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El protocolo usado para la grabación y posterior ejecución de un vídeo, es conocido como <a href="http://en.wikipedia.org/wiki/Real_Time_Messaging_Protocol" target="_blank">RTMP</a>, para fines de proceso de grabación, se ha desarrollado un player en Adobe Flash, el cual haciendo uso de RED5 y la webcam del usuario, genera un archivo en formato <a href="http://es.wikipedia.org/wiki/Flash_Video" target="_blank">FLV</a>, el cual es alojado un servidor especialmente configurado para el funcionamiento del servicio RED5.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Por último para la ejecución del vídeo, debido a que no es realizado a través de <a href="http://es.wikipedia.org/wiki/Streaming" target="_blank">Streaming</a>, sino en este caso a través del uso de <a href="http://es.wikipedia.org/wiki/Streaming" target="_blank">RTMP</a>, se ha hecho uso del reproductor <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&sqi=2&ved=0CD4QFjAA&url=http%3A%2F%2Fwww.longtailvideo.com%2Fplayers&ei=XAWGT46SFYfO9QTJy8nNCA&usg=AFQjCNEoVIR5RqNKlnVTFwnRafT_J-A0Sg&sig2=IxKoRJeUil6dVCkQWaDj1g" target="_blank">jwplayer</a>, el cual a través de una serie de parámetros, otorga la capacidad de ejecución de las grabaciones realizadas...</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A continuación, se relacionan una serie de capturas que de muestran el proceso realizado:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
Vista de la opción de grabar vídeo</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UYpTF20upxc165LmF4j_UXZamNgkjKFPlips2YVoM2R99dP1BLxPMiAnWM-A70JBkcF3cWrTpASb9YQ7MGwxYqTMmc8_W9fsvy0LBIHGwLcuz1aqfYWhyo9W8KF_llJSGSa3aD_V_jM/s1600/img_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UYpTF20upxc165LmF4j_UXZamNgkjKFPlips2YVoM2R99dP1BLxPMiAnWM-A70JBkcF3cWrTpASb9YQ7MGwxYqTMmc8_W9fsvy0LBIHGwLcuz1aqfYWhyo9W8KF_llJSGSa3aD_V_jM/s320/img_1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Solicitud de uso de la webcam del usuario por parte de la aplicación</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiML960hb9rPnh6cw9mKWzjOzY6jnikm-Jyu8opGC7HJAf5eymAS9pUKv56AaxwyCjm9XRxGa7y_CWJI6FFBOZF6dWr0wssm6C-jA2QTJc8R9apUv7NsS6FNXXSJvsy0BqcvbLej4JqVTA/s1600/img_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiML960hb9rPnh6cw9mKWzjOzY6jnikm-Jyu8opGC7HJAf5eymAS9pUKv56AaxwyCjm9XRxGa7y_CWJI6FFBOZF6dWr0wssm6C-jA2QTJc8R9apUv7NsS6FNXXSJvsy0BqcvbLej4JqVTA/s320/img_2.jpg" width="310" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Grabación del vídeo</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-cKP7uZRhv7bSohP52juuBIalCbzYBsOHb4RoI-UkM2NdcYpfdjpXzii3STCe6j-CSE9WctRcFQfSuGJwjBlMcqn9zvrqk1vd9Ke1ad-t9kMg25UQwmj7cM38lGzrR-Ux2xtIPutE9Q/s1600/img_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-cKP7uZRhv7bSohP52juuBIalCbzYBsOHb4RoI-UkM2NdcYpfdjpXzii3STCe6j-CSE9WctRcFQfSuGJwjBlMcqn9zvrqk1vd9Ke1ad-t9kMg25UQwmj7cM38lGzrR-Ux2xtIPutE9Q/s320/img_3.jpg" width="318" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Reproducción del vídeo, haciendo uso del Player jwplayer.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ2Sy7MktuC4qdXDWa34x3p64iEn1bgZkGjzpCGaAQtnEgFopogAmuM91AeJjrpz-AiY1t87uZ20cno5mbcJ-kYIiWfYZkA0RB88-NnCdl6p5r5kQm-8QU_UabDeynW1lx7ACXf_x9JY4/s1600/img_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ2Sy7MktuC4qdXDWa34x3p64iEn1bgZkGjzpCGaAQtnEgFopogAmuM91AeJjrpz-AiY1t87uZ20cno5mbcJ-kYIiWfYZkA0RB88-NnCdl6p5r5kQm-8QU_UabDeynW1lx7ACXf_x9JY4/s320/img_4.jpg" width="320" /></a></div>
<br />
<br />
Está característica, permite que los usuarios puedan realizar intervenciones mucho más ricas, aparte de la inclusión de demás elementos.Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-20465066508876792292012-03-23T12:37:00.000-07:002012-03-23T12:37:23.935-07:00Reportes - Códigos QR<div style="text-align: justify;">
<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0,</a> posee un sistema de generación de reportes de calificaciones de los usuarios que están o han tomado alguna asignatura, éstos son generados en formato <a href="http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=4&ved=0CFUQFjAD&url=http%3A%2F%2Fes.wikipedia.org%2Fwiki%2FPDF&ei=hM1sT4viLIaWgwe7z_GPBg&usg=AFQjCNGW_1g0JW5l0Ew8M45ghwiOFQnuzg&sig2=vIpfBw-ZKH9ryZ0iipE1kQ" target="_blank">PDF</a>, lo cual facilita en gran medida la visualización de los mismos en cualquier navegador web (en el caso de <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDYQFjAA&url=https%3A%2F%2Fwww.google.com%2Fchrome%3Fhl%3Des&ei=es1sT8HXJMTUgAeq1NidBg&usg=AFQjCNEL2Br4xbG6GVLtZSuD0NzAIhMlNw&sig2=5i7Q7zGoNySfS13h6OPF0Q" target="_blank">Google Chrome</a>, se tiene nativa esta opción sin la necesidad de contar con un <a href="http://es.wikipedia.org/wiki/Complemento_(inform%C3%A1tica)" target="_blank">Plugin </a>como es el <a href="http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDYQFjAA&url=http%3A%2F%2Fget.adobe.com%2Fes%2Freader%2F&ei=bM1sT_rWDI_3ggfNyt2xBg&usg=AFQjCNGRAZWI3p-OGXWHG6Gv4GY2qctWvg&sig2=OMH-f-CCdzFywiqIlScKNg" target="_blank">Acrobat Reader</a>) y su posterior descarga. almacenamiento e impresión.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Debido a que estos documentos contienen información valiosa como es la relación de calificaciones obtenidas, es necesario poder corroborar la "autenticidad" de dicha información, para lo cual se ha implementado un sistema de asignación de <a href="http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&sqi=2&ved=0CDkQFjAA&url=http%3A%2F%2Fes.wikipedia.org%2Fwiki%2FC%25C3%25B3digo_QR&ei=NM5sT4GOFYeLgwfGsa2jBg&usg=AFQjCNGsYOR1Eg_2qUbXmG5RkSGhxBNYYg&sig2=i2GWiIMZfTdihoaUTnDXZg" target="_blank">códigos QR</a>, a cada documento, con lo cual tan sólo con un equipo que cuente con este software podrá "escanear" dicho código y de está manera se mostrará una versión del mismo.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV1goVbH4RMzPYazmms8ZRHHe8OcGCw2h2FQEf7L-0DHZy46eS7uPn4dSrscvKr7jqtBNbfgueg4mBnYcV3QVKI4Xf3EcTxtv3OnPKpNukCeX6GFp5REiqjYnp5C6I2B4CUrxVn96dPkE/s1600/QR_V2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV1goVbH4RMzPYazmms8ZRHHe8OcGCw2h2FQEf7L-0DHZy46eS7uPn4dSrscvKr7jqtBNbfgueg4mBnYcV3QVKI4Xf3EcTxtv3OnPKpNukCeX6GFp5REiqjYnp5C6I2B4CUrxVn96dPkE/s1600/QR_V2.png" /></a></div>
<div>
<br /></div>
<div style="text-align: justify;">
Esta acción se ha llevado a cabo gracias a la librería llamada <a href="http://phpqrcode.sourceforge.net/" target="_blank">PHP QR Code</a>, la cual permite realizar este proceso de forma sencilla.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A continuación se relacionan una imágenes que evidencian el proceso realizado.</div>
<div>
<br /></div>
<div style="text-align: center;">
Documento PDF con su respectivo código QR que lo identifica</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaC5K-iaHjICxZgjrNAiFwMi05GM5FRJPDfQTl___xtCJD_VVPx4XLC5UwHdTUmMcLP7EyQBkLqsfKdEuYTvAz37TKZN0tsz9h2lX6NhETd7J4wKVWiWoamGUFJEKOlYL_gACZxMqDM4/s1600/img_QR_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioaC5K-iaHjICxZgjrNAiFwMi05GM5FRJPDfQTl___xtCJD_VVPx4XLC5UwHdTUmMcLP7EyQBkLqsfKdEuYTvAz37TKZN0tsz9h2lX6NhETd7J4wKVWiWoamGUFJEKOlYL_gACZxMqDM4/s320/img_QR_1.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Verificación del documento por medio de un iPod Touch.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNe9ewlPoChFOwD4-oLOcT1E-s09PP7sCfBvLe5iBAt7gj53Wmq8XGYLqe9pZC_RRW1X3qCb2I3GTfJo4qMNiZ6CWFPQ9I01NitcQa_a34jlvNfoZ6FyMdGocaNNHy9m8Rw-9VykNgSoI/s1600/img_QR_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNe9ewlPoChFOwD4-oLOcT1E-s09PP7sCfBvLe5iBAt7gj53Wmq8XGYLqe9pZC_RRW1X3qCb2I3GTfJo4qMNiZ6CWFPQ9I01NitcQa_a34jlvNfoZ6FyMdGocaNNHy9m8Rw-9VykNgSoI/s320/img_QR_2.jpg" width="167" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Este tipo de consultas es posible realizarlas desde dispositivos móviles basados en IOS, Android hasta en un equipo de escritorio, en este caso es posible utilizar una versión realizada en <a href="http://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CDoQFjAA&url=http%3A%2F%2Fget.adobe.com%2Fair%2F%3Fpromoid%3DJOPDE&ei=RtBsT8qvMoacgweC1YWxBg&usg=AFQjCNHUWCdkEVGA2ghT1mOk41bxe3jzPA&sig2=kvX9xpQdog5Ml8rTOz5LBw" target="_blank">Adobe Air</a>, llamada <a href="http://code.google.com/p/qrreader/" target="_blank">QRreader</a>, que haciendo uso de la Webcam permite realizar la lectura de los códigos QR.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Los usos de QR son muy variados, en este caso se utiliza para realizar una verificación de un documento, el cual puede encontrase de forma impresa, y para evidenciar la validez del mismo.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div>
<br /></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-73377128607075996182012-03-21T09:41:00.001-07:002012-03-21T09:44:09.770-07:00Panel de Notificaciones<div style="text-align: justify;">
En <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, se generan una grana cantidad de eventos, es por esto que recientemente se creo la opción de <a href="http://virtualnet2-0.blogspot.com/2012/03/notificaciones-de-eventos.html" target="_blank">Notificación de los mismos</a>, proceso por el cual se le comunica al usuario de algún proceso, como por ejemplo una nueva intervención en un foro y un nuevo correo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Estas notificaciones eran vistas en el momento, pero no se contaba con la posibilidad de ver un historial de las mismas, por lo que se ha generado un panel donde se muestran éstas y además el número de nuevas notificaciones que un usuario no ha visto.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aprovechando el <a href="http://es.wikipedia.org/wiki/Favicon" target="_blank">Favicon</a> que contiene una página, se ha puesto en en esta ubicación el número de notificaciones pendientes por ver, ya que en muchas ocasiones lo usuarios no están en la misma ventana y/o pestaña, por lo cual tan sólo se podría saber de nuevas notificaciones están presentes en cada momento en la ventana y/o pestaña del sistema.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Con esta característica el usuario sabrá si tiene nuevas notificaciones, para lograr este objetivo se ha hecho uso de la librería <a href="http://tommoor.github.com/tinycon/" target="_blank">Tinycon</a>, la cual permite asociar un número al <a href="http://es.wikipedia.org/wiki/Favicon" target="_blank">Favicon</a> existente.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A continuación una serie de capturas que muestran el proceso.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Menú con la nueva opción de notificaciones, mostrando la cantidad pendiente de notificaciones por ver</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1LnNLC5T3mVfyaznhbNe5LUkSYQ053ijpcOWzQ1MNUPFSi9fcuRm5uPx0KOEnfRe8NWxuPr25zFYa4Z3ggYhjPqIX0HnRKZCBRjpnJDoSUR2fuhCO6mY_X_J0lXep1iwRPaZC8Yp39z4/s1600/Captura+de+pantalla+2012-03-21+a+las+11.15.28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1LnNLC5T3mVfyaznhbNe5LUkSYQ053ijpcOWzQ1MNUPFSi9fcuRm5uPx0KOEnfRe8NWxuPr25zFYa4Z3ggYhjPqIX0HnRKZCBRjpnJDoSUR2fuhCO6mY_X_J0lXep1iwRPaZC8Yp39z4/s1600/Captura+de+pantalla+2012-03-21+a+las+11.15.28.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
FavIcon con el número de notificaciones pendientes</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLALu56ks10ulHmtdZ5vJil7P_XSUdDIGuHtgP4x9SZC6gjXsBy-OS1J_aPJ1p2wB7XFFze1uMa-P8Xc70El919HPMOIhNacrIf40zwgImbTSxDqPwP05shuL9nWeMDI6oQ1dM0j_qTMo/s1600/Captura+de+pantalla+2012-03-21+a+las+11.15.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLALu56ks10ulHmtdZ5vJil7P_XSUdDIGuHtgP4x9SZC6gjXsBy-OS1J_aPJ1p2wB7XFFze1uMa-P8Xc70El919HPMOIhNacrIf40zwgImbTSxDqPwP05shuL9nWeMDI6oQ1dM0j_qTMo/s1600/Captura+de+pantalla+2012-03-21+a+las+11.15.14.png" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Panel de notificaciones, en las cuales se muestra el histórico de las mismas</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY7Eyc6sA0_szZiJmzNHw4z4Il5XonYFUzvJ4TQOM7RcPqR0q_JSxaBY_-eKi3lzpbbD9poOAtqjiPuQFpqzj6Qoxj7zvU-DCg-tr0z4O_t_RJF4_O3xlW_RM0nV3TKUJiCHNWO8n8TVE/s1600/Captura+de+pantalla+2012-03-21+a+las+11.15.44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY7Eyc6sA0_szZiJmzNHw4z4Il5XonYFUzvJ4TQOM7RcPqR0q_JSxaBY_-eKi3lzpbbD9poOAtqjiPuQFpqzj6Qoxj7zvU-DCg-tr0z4O_t_RJF4_O3xlW_RM0nV3TKUJiCHNWO8n8TVE/s400/Captura+de+pantalla+2012-03-21+a+las+11.15.44.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Notificaciones en tiempo real</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7YXHUgGYR8IXoyw1bsiieKmOkJaGSMDk37Tx5Kk3FORmioRdP4N5lLtAusf5cyyq2xw_fSKwl3fxY1JTRtt7NcYhTkVfjiBLB2Q_jHx6sjKqoGMY-MoUDWJdqKDgI6WaODTVmcZouuug/s1600/Captura+de+pantalla+2012-03-21+a+las+11.17.42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7YXHUgGYR8IXoyw1bsiieKmOkJaGSMDk37Tx5Kk3FORmioRdP4N5lLtAusf5cyyq2xw_fSKwl3fxY1JTRtt7NcYhTkVfjiBLB2Q_jHx6sjKqoGMY-MoUDWJdqKDgI6WaODTVmcZouuug/s400/Captura+de+pantalla+2012-03-21+a+las+11.17.42.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Notificaciones en Favicon y en el menú del curso.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGFyIdah6Zy099DgczYFNRPmJ90jfTfcRBDaYkllL6VivRZ_fwfvBuxGyRKXJJ17hUGcD-O-yDoe8OK5CJ3f08xh4-axNrK3JEbohz9j1I_-eNGTLAHzxite0UqtUXRputibpFk7G28c/s1600/Captura+de+pantalla+2012-03-21+a+las+11.15.03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguGFyIdah6Zy099DgczYFNRPmJ90jfTfcRBDaYkllL6VivRZ_fwfvBuxGyRKXJJ17hUGcD-O-yDoe8OK5CJ3f08xh4-axNrK3JEbohz9j1I_-eNGTLAHzxite0UqtUXRputibpFk7G28c/s320/Captura+de+pantalla+2012-03-21+a+las+11.15.03.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
El uso de la combinación del Favicon, junto con el número de notificaciones, está restringido sólo para los navegadores de última generación, para aquellos navegadores que no cuentan con soporte para está característica, se ha adicionado el número de notificaciones, acompañando al nombre de la pestaña o de la página (etiqueta <title>).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Las nuevas capacidades de los navegadores y las nuevas tecnologías que estos albergan, han posibilitado que elementos como el Favicon, tengan mayores usos, un ejemplo claro es el de notificaciones, otro por ejemplo la generación de un juego (<a href="http://www.p01.org/releases/DEFENDER_of_the_favicon/" target="_blank">Defender</a>) en un espacio tan reducido como es éste.</div>
<br />Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-91837658427329739532012-03-01T11:14:00.002-08:002012-03-01T11:26:35.607-08:00Notificaciones de Eventos<div style="text-align: justify;">
<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, cuenta con herramientas de comunicación, como foros, chat's, tareas, evaluaciones y otras que están en desarrollo, por lo que es necesario tener un sistema de notificaciones para así informar de aquellas actividades que se han realizado en tiempo real.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Por lo que se ha creado un sistema de notificaciones las cuales le informan al docente y estudiosos d aquellas procesos que se hayan realizado en el momento tales como:</div>
<div style="text-align: justify;">
<br /></div>
<br />
<ul>
<li style="text-align: justify;">Participación en un foro.</li>
<li style="text-align: justify;">Entrega de tareas.</li>
<li style="text-align: justify;">Calificación de tareas.</li>
<li style="text-align: justify;">Envío de correo electrónico.</li>
</ul>
<div style="text-align: justify;">
Dependiendo del tipo de actividades, estas pueden ser masivas (para todos los usuarios que componen el a) o individuales (sólo para algunos usuarios).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Otro tipo de notificaciones en los cuales se está trabajando son las denominadas nativas, en este caso haciendo uso del navegador <a href="http://www.chromium.org/developers/design-documents/desktop-notifications" target="_blank">Google Chrome basado en webkit</a>, que tiene esta característica.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
La opción de notificaciones nativas se ha desarrollado en el momento para notificación de correos electrónicos así como mensajes en el chat.</div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI96A9Xmf6mTR3OiytGOIRNpqtoAJsdjOKS_lQlIE2pXrZmzy3Q9M_wQUrQY4qssXgOwXjt3ho3tjItfaOhbI9PG8VOkWC-AGdGIoj5UfYpamkFb20kEpLHybzvQ0AIaOeaZAKAAYnVjM/s1600/prueba.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI96A9Xmf6mTR3OiytGOIRNpqtoAJsdjOKS_lQlIE2pXrZmzy3Q9M_wQUrQY4qssXgOwXjt3ho3tjItfaOhbI9PG8VOkWC-AGdGIoj5UfYpamkFb20kEpLHybzvQ0AIaOeaZAKAAYnVjM/s1600/prueba.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: right;">
</div>
<div>
<br /></div>
<div>
A continuación se relacionan una serie de imagenes que ilustran el proceso...</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQSMpTXulO3_h5_9iIBw9GfsC9KfhDEvYBsTEw8LrMWHTm43TG6BakSmyPCHlju39ceeoDg6qgzzYypE-8hjynyoB81UzIcQxdeZvvuSs_rcKwhOHDVvX-Y40lUZAqG0mNWomPbpo-TU/s1600/Captura+de+pantalla+2012-03-01+a+las+13.41.35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpQSMpTXulO3_h5_9iIBw9GfsC9KfhDEvYBsTEw8LrMWHTm43TG6BakSmyPCHlju39ceeoDg6qgzzYypE-8hjynyoB81UzIcQxdeZvvuSs_rcKwhOHDVvX-Y40lUZAqG0mNWomPbpo-TU/s320/Captura+de+pantalla+2012-03-01+a+las+13.41.35.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Notificaciones de calificación de tarea y participación en un foro.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ifJptwpUzduQOJ4cNf1ddMpM-0zWvvKvDHM1yT4cDI5VTlZOINbvaCVpCkpz5GJmAyGHRqDyBVvTRI5eqU8h313ovnjYc70xWXI05Y_9Km2mQFloK00_p5nNqUrQZ3vnL5tMrw2HVWg/s1600/Captura+de+pantalla+2012-03-01+a+las+13.44.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ifJptwpUzduQOJ4cNf1ddMpM-0zWvvKvDHM1yT4cDI5VTlZOINbvaCVpCkpz5GJmAyGHRqDyBVvTRI5eqU8h313ovnjYc70xWXI05Y_9Km2mQFloK00_p5nNqUrQZ3vnL5tMrw2HVWg/s320/Captura+de+pantalla+2012-03-01+a+las+13.44.45.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsl74v39pCCSO4vMPl0PcVXJJZhQj_N8SrheKp4VehUcpNVU_3dxwvwPNvqGQDb1Lib33HkBBVVwAmqqTm7JfH5yUHfrMWdVWQuG8yNItGaepC9PsoucYMWqfZXpJ1PyzABd9RRw4qwC4/s1600/Captura+de+pantalla+2012-03-01+a+las+13.47.31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsl74v39pCCSO4vMPl0PcVXJJZhQj_N8SrheKp4VehUcpNVU_3dxwvwPNvqGQDb1Lib33HkBBVVwAmqqTm7JfH5yUHfrMWdVWQuG8yNItGaepC9PsoucYMWqfZXpJ1PyzABd9RRw4qwC4/s320/Captura+de+pantalla+2012-03-01+a+las+13.47.31.png" width="311" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAoQyrmgrstuDm3JzvOHAQt0oTV6CVAc-UowxDsCRKV1O0SvLjrejXwl0_HXRpykpKBgmjc5Q7MJ5NPALcUU3J3du1ueiA9eLz7G_hjS-wGhI3BSputSCCKNj336rFrUrcbYp79_DHiI/s1600/Captura+de+pantalla+2012-03-01+a+las+13.50.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAoQyrmgrstuDm3JzvOHAQt0oTV6CVAc-UowxDsCRKV1O0SvLjrejXwl0_HXRpykpKBgmjc5Q7MJ5NPALcUU3J3du1ueiA9eLz7G_hjS-wGhI3BSputSCCKNj336rFrUrcbYp79_DHiI/s320/Captura+de+pantalla+2012-03-01+a+las+13.50.49.png" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div>
<br /></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-57186349851008750652012-02-15T11:27:00.000-08:002012-02-15T11:28:47.045-08:00Nueva vista de contenidos - Cover_flow<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">En <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a> se tiene un especial cuidado de la forma de mostrar los contenidos, éstos están ordenados en una jerarquía de carpetas, que ayuda a que la información se encuentre de forma ordenada.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">En la sección correspondiente para docentes/tutores, se han realizado <a href="http://virtualnet2-0.blogspot.com/2012/01/copiar-mover-y-arrastrar-contenidos.html" target="_blank">diversas herramientas </a>que ayudan a que está organización sea lo más eficiente posible.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para los estudioso se ha desarrollado una nueva forma de visualizar los contenidos, en este caso haciendo uso del famoso efecto denominado <a href="http://es.wikipedia.org/wiki/Cover_Flow" target="_blank">Cover Flow</a>, la cual ayuda a que los contenidos sean mostrados de una manera más clara.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para lograr este fin se ha utilizado la librería denominada <a href="http://www.jacksasylum.eu/ContentFlow/" target="_blank">ContentFlow</a>, la cual asegura su funcionamiento en los navegadores más conocidos (cross browser</span><span style="font-family: Arial, Helvetica, sans-serif;">).</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">A continuación una serie de imágenes que ilustran la visualización de contenidos.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlUtRvUzs_3H4NK6XI_okzjzkdjAUOHJNhRjskx4FeYutiIKa9vDdORiOiaSVrwBPWe7WxQCk3M-auIILzrhRbJOSvUENJStVqmeIhcpSjO2X-oQ7xyN-6ljVls2pSZ0vNLvb475COcPY/s1600/Captura+de+pantalla+2012-02-15+a+las+14.09.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlUtRvUzs_3H4NK6XI_okzjzkdjAUOHJNhRjskx4FeYutiIKa9vDdORiOiaSVrwBPWe7WxQCk3M-auIILzrhRbJOSvUENJStVqmeIhcpSjO2X-oQ7xyN-6ljVls2pSZ0vNLvb475COcPY/s320/Captura+de+pantalla+2012-02-15+a+las+14.09.08.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmj59aQ4bLygAvuqHKLHDjDyEHD7FpzD8oMWb6MhQY71j5-Bh941g9iJN5IAVqKWsgCHwM-a5qic1i6HHBwcBnwjO86zdlz89PVcJFpd_4mRXlRYSsoN3W_sUSvZHI_kemPNDHw6ASC9w/s1600/Captura+de+pantalla+2012-02-15+a+las+14.09.17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmj59aQ4bLygAvuqHKLHDjDyEHD7FpzD8oMWb6MhQY71j5-Bh941g9iJN5IAVqKWsgCHwM-a5qic1i6HHBwcBnwjO86zdlz89PVcJFpd_4mRXlRYSsoN3W_sUSvZHI_kemPNDHw6ASC9w/s320/Captura+de+pantalla+2012-02-15+a+las+14.09.17.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDqyhb6kSqEsY0TI0J2l0fXC_is0Bz9e65gD0pOvFPrmi1ZljZnvsCd7ILv8BYwkrnl7v7TtwELS2Aw-MsD9o-kKTpSeguMJLQ0_7p62m4QZGYZdwqgPbxEgtLtxQT7366S_KhEzVWfoM/s1600/Captura+de+pantalla+2012-02-15+a+las+14.09.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDqyhb6kSqEsY0TI0J2l0fXC_is0Bz9e65gD0pOvFPrmi1ZljZnvsCd7ILv8BYwkrnl7v7TtwELS2Aw-MsD9o-kKTpSeguMJLQ0_7p62m4QZGYZdwqgPbxEgtLtxQT7366S_KhEzVWfoM/s320/Captura+de+pantalla+2012-02-15+a+las+14.09.34.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxEm23OOfGTO4xhpgj39yksLa64fFziAW3boynO8dzK8sgeEaB-YMRchwOCGJI0qAVfXwd16qZadj4XTz-5BydnLDv-8qyrPs-qirF3gqsLjCubxK6xq2YgY2JkmqWVjlgdW7t1mieuw/s1600/Captura+de+pantalla+2012-02-15+a+las+14.10.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzxEm23OOfGTO4xhpgj39yksLa64fFziAW3boynO8dzK8sgeEaB-YMRchwOCGJI0qAVfXwd16qZadj4XTz-5BydnLDv-8qyrPs-qirF3gqsLjCubxK6xq2YgY2JkmqWVjlgdW7t1mieuw/s320/Captura+de+pantalla+2012-02-15+a+las+14.10.29.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Este tipo de visualización es seleccionado por el usuario, él puede decidir no establecer la vista de Cover Flow, o por el contrario dejar sólo éste y ocultar la tabla de contenidos, está acción es posible realizarla a través de las botones de visualización de contenido:</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-PkBvMfWUCv8QqpgD3wK4TIMETrL56tIxOHyVt9GjYorAP5-7wuaLoxEK6OQkJyvLjZRf1eFRYB31acZ6Pmq09Xb0ZoQ8sllWIf_iYafye8ALKcaVOF2A-txTDELCA-OwlDUtux-1dPg/s1600/Captura+de+pantalla+2012-02-15+a+las+14.08.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-PkBvMfWUCv8QqpgD3wK4TIMETrL56tIxOHyVt9GjYorAP5-7wuaLoxEK6OQkJyvLjZRf1eFRYB31acZ6Pmq09Xb0ZoQ8sllWIf_iYafye8ALKcaVOF2A-txTDELCA-OwlDUtux-1dPg/s1600/Captura+de+pantalla+2012-02-15+a+las+14.08.58.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-9525182436628822232012-02-11T08:53:00.000-08:002012-02-11T08:59:07.780-08:00Auto - Guardado de contenidos<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Auto - Guardado de contenidos.</b></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">El sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html" target="_blank">VirtualNet 2.0</a>, cuenta con una variada gama de contenidos, los cuales son generados por los docentes/tutores, como foros, chat´s, tareas, evaluaciones y demás.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLYX-zOrBM5FIvGE3K2ZQpvXPydQvtMGomfc51bm-2KnJbJlg5VeTYx_fEoOCty25OwyjqqvXlrVwEI_D0Gd6jQWyBaAN6Dr315eEeE1j1PuftazSY3W6B0jQuuZJN9h0LaAKfckL5jy4/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLYX-zOrBM5FIvGE3K2ZQpvXPydQvtMGomfc51bm-2KnJbJlg5VeTYx_fEoOCty25OwyjqqvXlrVwEI_D0Gd6jQWyBaAN6Dr315eEeE1j1PuftazSY3W6B0jQuuZJN9h0LaAKfckL5jy4/s320/3.png" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">En algunas ocasiones es necesario que estos contenidos no estén publicados para los estudiosos, por lo que existe la opción de visibilidad de contenidos, pero además de ello los contenidos no están terminado de forma correcta, por lo cual se ha diseñado la opción de borradores de contenidos.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheTcooAfG1jcK69e7O1XYveSqtF-iSQq_yg8wolHzeZGUOldtND6qLAEP4LFBzPyMpK-KUKQa498F6LHUim5LgIMadIuMg3vUlosE6jfqbRMkiZAlrU3_dTBuQJfogPb0k4Kw3i50o-HY/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheTcooAfG1jcK69e7O1XYveSqtF-iSQq_yg8wolHzeZGUOldtND6qLAEP4LFBzPyMpK-KUKQa498F6LHUim5LgIMadIuMg3vUlosE6jfqbRMkiZAlrU3_dTBuQJfogPb0k4Kw3i50o-HY/s320/1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Estos contenidos quedan ocultos para los estudiosos y quedan con el estado de borrador, dando la capacidad de editarlos las veces que se desee y una vez se esté completo se pueda poner disposición de los usuarios finales.</span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Este proceso se hace de forma automática, es decir, si el docente/tutor inicia la creación de una actividad, el sistema autoguardará los cambios cada dos minutos (se está realzando el proceso para que sea configurable), se hará si el contenido ha cambiado.</span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">De igual manera si el docente desea podrá presionar el botón "Guardar Borrador" forzando su guardado las veces que se desee.</span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">A continuación, se relacionan una serie de imagenes que ilustran el proceso:</span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Creación de una carpeta</b></span></div>
<div class="" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRgXqilhElonyajyvbcJULilOlOLDc53K_mVuEFSWERqjISXtfv-aZGQc1RjV2v6BtiJBkBkMQl36GxqcF_pQoiBqLSkWADJwsDGjB_Kx9mes1ZecI_Hx3SsfeBViHh6AZtUPhZxS-5YY/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRgXqilhElonyajyvbcJULilOlOLDc53K_mVuEFSWERqjISXtfv-aZGQc1RjV2v6BtiJBkBkMQl36GxqcF_pQoiBqLSkWADJwsDGjB_Kx9mes1ZecI_Hx3SsfeBViHh6AZtUPhZxS-5YY/s320/2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Visualización</span><span style="font-family: Arial, Helvetica, sans-serif;"> de los contenidos en el árbol</span></b></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNRYyJLYxY_n0DzgR4w348HTleTx5-OuT5-sAE2XH2_OBoS9Ynfpx3arr57NSTMKRIuZRilJaNdCE3aMrJUurs1LuAUIR6H_l38TkZDL17deG4wphZbG9TFHB-ZG5CZ3SabIGelUD67vk/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNRYyJLYxY_n0DzgR4w348HTleTx5-OuT5-sAE2XH2_OBoS9Ynfpx3arr57NSTMKRIuZRilJaNdCE3aMrJUurs1LuAUIR6H_l38TkZDL17deG4wphZbG9TFHB-ZG5CZ3SabIGelUD67vk/s1600/4.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Este proceso ha sido de gran utilidad, ya que potencia la generación de contenidos y asegura que éstos no se pierdan por si en algún momento se pierde la conexión o por que se cierre el navegador en el que está funcionando.</span></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-17379885382388108362012-01-21T09:10:00.002-08:002012-01-21T09:20:53.345-08:00Asistente Hoja de calificaciones y activación másiva<div style="text-align: center;">
<b>Asistente Hoja de calificaciones.</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: justify;">
<a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a>, cuenta con un sistema de Hoja de calificaciones, en la cuales se relacionan aquellas actividades que se desea que sean evaluables, a cada actividad se le debe asociar un porcentaje relacionado al 100% del curso.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
En este hoja se pueden relacionar recursos como:</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<ol>
<li>Foros</li>
<li>Chats</li>
<li>Tareas</li>
<li>Evaluaciones</li>
<li>Y la posibilidad de crear actividades personalizadas.</li>
</ol>
<div>
<br /></div>
<div>
Se presentó la necesidad de crear un asistente que ayudará al docente/tutor a crear ésta hoja de actividades de forma más sencilla, por lo que se creo un asistente, el cual dado los datos iniciales, le hará el cálculo de los porcentajes de cada una de las actividades.</div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwj8ioMHtBk_enCPPDw59GUwJHw4_M-GahtCTrZfq9ESHwFvSPJdczfCiq8i3WUPNgJbDx5tq9B_M_cusJKBPLUjpKhaMlKHVu2RSeHK4vSOxJvLLmfqe-QzgGP7ygXwWTqbyHm80eU2U/s1600/Captura+de+pantalla+2012-01-21+a+las+6.55.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwj8ioMHtBk_enCPPDw59GUwJHw4_M-GahtCTrZfq9ESHwFvSPJdczfCiq8i3WUPNgJbDx5tq9B_M_cusJKBPLUjpKhaMlKHVu2RSeHK4vSOxJvLLmfqe-QzgGP7ygXwWTqbyHm80eU2U/s320/Captura+de+pantalla+2012-01-21+a+las+6.55.32.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTx14oEL2hT93CjiWGSbrZtKnmYOLOnifWhmDBb2pewXoLcyAYvyFlnqBo3KNeZH4WEa4Pj97Ibtlzo9YwqzMQHltELxxZadhpu49_N6Zb_kz1H_41tWmctuXRPgOvxyA3xQ_qM0TVy4/s1600/Captura+de+pantalla+2012-01-21+a+las+6.53.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggTx14oEL2hT93CjiWGSbrZtKnmYOLOnifWhmDBb2pewXoLcyAYvyFlnqBo3KNeZH4WEa4Pj97Ibtlzo9YwqzMQHltELxxZadhpu49_N6Zb_kz1H_41tWmctuXRPgOvxyA3xQ_qM0TVy4/s320/Captura+de+pantalla+2012-01-21+a+las+6.53.54.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrc4oUoYhJAY4ReCVYSss2uM6yzWVTvAiWSHkJ_9RbpJ8Kpb-p_7kBF8QPzbSf0pFmhysB7csAqgRNlf17j8UjRR5MwihWNaFMme2VdtPhMxsDGNeLU_EFgC7r1x9fmfhPgN4RiSRAyoY/s1600/Captura+de+pantalla+2012-01-21+a+las+12.15.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrc4oUoYhJAY4ReCVYSss2uM6yzWVTvAiWSHkJ_9RbpJ8Kpb-p_7kBF8QPzbSf0pFmhysB7csAqgRNlf17j8UjRR5MwihWNaFMme2VdtPhMxsDGNeLU_EFgC7r1x9fmfhPgN4RiSRAyoY/s320/Captura+de+pantalla+2012-01-21+a+las+12.15.34.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
De esta forma se creará automáticamente las actividades, y tan sólo restará la opción de asociar los recursos a cada una.</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: justify;"><b>Activación/Desactivación masiva de contenidos.</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: justify;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
Es posible en <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a> tener no disponible contenidos para que no sean visualizados por los estudiosos, se puede realizar la activación de los contenidos uno a uno, pero se presentó la necesidad de hacerlo de forma simultánea, por lo que en el listado de opciones masivas (Eliminar, mover, copiar), se ha adicionado las opciones Activar y desactivar, permitiendo realizar este proceso de forma más sencilla. </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI47RF03GyO-XckWZoKDUWJZrANukVZBd9AIlqtbGigDh7yjBnbNooloHfz2Q75dtuZaF5Rn3Rlyb-Tk2nSelvK2J_KZOzON7zkoXxSUNP9XUY0r4P2M-pjXlOS08XOp8LWOMLBoQtMtY/s1600/Captura+de+pantalla+2012-01-21+a+las+6.56.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI47RF03GyO-XckWZoKDUWJZrANukVZBd9AIlqtbGigDh7yjBnbNooloHfz2Q75dtuZaF5Rn3Rlyb-Tk2nSelvK2J_KZOzON7zkoXxSUNP9XUY0r4P2M-pjXlOS08XOp8LWOMLBoQtMtY/s320/Captura+de+pantalla+2012-01-21+a+las+6.56.32.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div>
<br /></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-84147916848112041912012-01-21T09:10:00.000-08:002012-01-21T09:10:02.102-08:00Copiar, Mover y arrastrar contenidos<br />
<div class="separator" style="clear: both; text-align: center;">
<b>Copiar/Mover contenidos</b></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Se ha desarrollado la opción en el sistema <a href="http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html">VirtualNet 2.0</a>, de copiar y mover contenidos, ya se encontraba disponible, pero se le ha adicionado la opción de hacerlo hacía otros cursos, en este caso tan sólo a aquellos que el docente/tutor tenga asignados.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Podrá copiar contenidos de:</div>
<div class="separator" style="clear: both; text-align: justify;">
</div>
<ol>
<li>Contenidos HTML</li>
<li>Foros</li>
<li>Chats</li>
<li>Tareas</li>
<li>Evaluaciones</li>
<li>Y demás actividades</li>
</ol>
<div>
<br /></div>
<div>
En la opción de mover, tan sólo es posible para contenidos HTML, ya que no se debería poder mover un foro a otro curso, ya que se saldría del contexto del mismo.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDXUDHkshD_yqfnPo_ZN2GE-ek8U_tsZj6vtRc_oBam-Xr-RLrE_QqKB755ENkUnuGmI2EfEL7PyW2nXvB8KzGfkB1rHy-qlc4lGj4nO18JUzBbRhQHe32eYhVH5dBybhpZB2yJbceRyc/s1600/Captura_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDXUDHkshD_yqfnPo_ZN2GE-ek8U_tsZj6vtRc_oBam-Xr-RLrE_QqKB755ENkUnuGmI2EfEL7PyW2nXvB8KzGfkB1rHy-qlc4lGj4nO18JUzBbRhQHe32eYhVH5dBybhpZB2yJbceRyc/s320/Captura_1.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwobOgUkQuOI70e2cANBv2JYSppLSGvdGxjfp64bMXkWh5Hfw-ljnKFwbqhvz8IgUfEEfW5GnoYQbi9Orfm0oem97up_Ivn4yfpP0I2BFuufGUKCa1rcor5oATDj4betr6XGHjxO341M/s1600/Captura_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwobOgUkQuOI70e2cANBv2JYSppLSGvdGxjfp64bMXkWh5Hfw-ljnKFwbqhvz8IgUfEEfW5GnoYQbi9Orfm0oem97up_Ivn4yfpP0I2BFuufGUKCa1rcor5oATDj4betr6XGHjxO341M/s320/Captura_2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
<b>Arrastrar y Soltar contenidos (Drag and Drop)</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Se ha agregado la capacidad de mover contenidos a otras carpetas, arrastrando y soltando al origen deseado, además de eliminar el contenido de forma masiva. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-QF7Og3O2q2k/Tvjhx3xNDtI/AAAAAAAADWM/pqY2ZEnnwBU/s1600/Captura+de+pantalla+2011-12-26+a+las+16.03.13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="http://2.bp.blogspot.com/-QF7Og3O2q2k/Tvjhx3xNDtI/AAAAAAAADWM/pqY2ZEnnwBU/s400/Captura+de+pantalla+2011-12-26+a+las+16.03.13.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-uZWA26JE12c/TvjhyWk2pNI/AAAAAAAADWU/ed4xxy2AxkA/s1600/Captura+de+pantalla+2011-12-26+a+las+16.02.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="http://3.bp.blogspot.com/-uZWA26JE12c/TvjhyWk2pNI/AAAAAAAADWU/ed4xxy2AxkA/s400/Captura+de+pantalla+2011-12-26+a+las+16.02.58.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-62GWBVO9Yg0/TvjhyVYonJI/AAAAAAAADWc/0DEGjNyzj20/s1600/Captura+de+pantalla+2011-12-26+a+las+16.02.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="http://1.bp.blogspot.com/-62GWBVO9Yg0/TvjhyVYonJI/AAAAAAAADWc/0DEGjNyzj20/s400/Captura+de+pantalla+2011-12-26+a+las+16.02.10.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-f9awcaqhJpE/TvjhzFtn4yI/AAAAAAAADWs/yrEWwT3Xa4A/s1600/Captura+de+pantalla+2011-12-26+a+las+16.01.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="http://1.bp.blogspot.com/-f9awcaqhJpE/TvjhzFtn4yI/AAAAAAAADWs/yrEWwT3Xa4A/s400/Captura+de+pantalla+2011-12-26+a+las+16.01.18.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-a8od0VOo0z8/Tvjhy6gwo0I/AAAAAAAADWk/oGDignHfQl8/s1600/Captura+de+pantalla+2011-12-26+a+las+16.01.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://1.bp.blogspot.com/-a8od0VOo0z8/Tvjhy6gwo0I/AAAAAAAADWk/oGDignHfQl8/s400/Captura+de+pantalla+2011-12-26+a+las+16.01.49.png" width="400" /></a></div>
<br />Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-26623511892932349752011-06-07T19:54:00.000-07:002011-06-07T20:35:08.818-07:00Notificador AIR<div style="text-align: justify;">Este sistema permite que los usuarios, estén "enterados" de las actividades que se hacen en un sistema, desarrollado en <a href="http://www.adobe.com/products/flashbuilder/">Flash Builder 4</a>, usando <a href="http://www.adobe.com/es/products/air/">Adobe AIR</a>, a continuación se muestra unos pantallazos.</div><div><center><br /></center><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8r5Eb5l3q7hUvEGnxqCNne5p3OKr1Dsazo002k6U3aSqXFaIgS5SM61Fi0dHMT_wuTSSaO6cyt2d60y5HayS6tMwm8YKR7-Ygs8cLP2QhOIGwHhTYnHPcyXTQfdhbstUHrN6ePoZA8I/s1600/notificacion.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8r5Eb5l3q7hUvEGnxqCNne5p3OKr1Dsazo002k6U3aSqXFaIgS5SM61Fi0dHMT_wuTSSaO6cyt2d60y5HayS6tMwm8YKR7-Ygs8cLP2QhOIGwHhTYnHPcyXTQfdhbstUHrN6ePoZA8I/s320/notificacion.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5459372042167811010" style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 320px; height: 222px; " /></a></center><div><br /></div><div>Pantallazos de la aplicación, cómo se puede apreciar se ubica en la bandeja del sistema (Windows) o en el "Dock" de Mac.</div><div><br /></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6Sed5ZK_OnfGxgv-gy58oWJ-7fUD63e1uRFnsr5yi0SL-Up9SA0IvZYDyyhtb6bcJ-LCAyPoki5AnnVUT3XtUZLI-zhtkN5JLp4oyHjZi-iQWcRaBZZnyGHpIkP_zwfgxVjnKX4Fa6Y/s1600/bandeja_mac.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih6Sed5ZK_OnfGxgv-gy58oWJ-7fUD63e1uRFnsr5yi0SL-Up9SA0IvZYDyyhtb6bcJ-LCAyPoki5AnnVUT3XtUZLI-zhtkN5JLp4oyHjZi-iQWcRaBZZnyGHpIkP_zwfgxVjnKX4Fa6Y/s320/bandeja_mac.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5459372461174408386" style="cursor: pointer; width: 320px; height: 55px; " /></a></div><div style="text-align: center;">Dock (Mac)</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38_mIiwoZ-z4Wi_ffNABYK1u4Gf8TDvYtYobNtACT-NMDNTgClTUMfHmstUVFqbHzq2Jkj1HT-osVNREuOOpRLR4UPFvA28GPLAuDr88tfYGp_blQ5Rxkew1R4HvERgWjOlMMkimsbuE/s1600/bandeja_windows.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj38_mIiwoZ-z4Wi_ffNABYK1u4Gf8TDvYtYobNtACT-NMDNTgClTUMfHmstUVFqbHzq2Jkj1HT-osVNREuOOpRLR4UPFvA28GPLAuDr88tfYGp_blQ5Rxkew1R4HvERgWjOlMMkimsbuE/s320/bandeja_windows.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5459372665885673570" style="cursor: pointer; width: 320px; height: 39px; " /></a></div><div style="text-align: center;">Bandeja del Sistema (Windows)</div><div><br /></div><div>En próximas versiones, se le asociará un sistema de chat, además de la inclusión de vídeo y audio, usando<a href="http://osflash.org/red5"> Red5</a> para este fin.</div><div><br /></div><div>Preguntas o comentarios, no duden en hacerlas, gracias.</div><div><br /></div><div>Jorge Rubiano.</div><div>Ingeniero de Sistemas</div><div><a href="http://sites.google.com/site/ostricajh/hojadevida">http://sites.google.com/site/ostricajh/hojadevida</a></div><div><br /></div></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-24542501589616887172011-06-07T19:23:00.001-07:002011-06-07T19:25:43.970-07:00Complemento PowerPoint - Presentaciones Virtuales<span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;">Aplicación que le permitirá a los usuarios realizar </span></span><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;">Presentaciones Virtuales</span></span><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;">, posee las siguientes características:</span></span><div><ol><li style="text-align: left;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;">Creación de archivo .zip en el usuario haciendo uso de la librería<span class="Apple-style-span" style="line-height: 19px;"> <a href="http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/15-dll-para-comprimir-y-descomprimir-zip.htm">zip32.dll</a></span></span></span></li><li style="text-align: left;"><span class="Apple-style-span" style=";font-family:arial;font-size:medium;">Adjuntar la presentación desde el componente a la aplicación web.</span></li><li style="text-align: left;"><span class="Apple-style-span" style=";font-family:arial;font-size:medium;">Descarga de presentaciones ya existentes para continuar con la grabación.</span></li><li style="text-align: left;"><span class="Apple-style-span" style=";font-family:arial;font-size:medium;">Captura en vídeo al expositor.</span></li><li style="text-align: left;"><span class="Apple-style-span" style=";font-family:arial;font-size:medium;">Navegación de diapositivas a través del componente.</span></li><li style="text-align: left;"><span class="Apple-style-span" style=";font-family:arial;font-size:medium;">Vista previa del vídeo grabado por el expositor.</span></li><li style="text-align: left;"><span class="Apple-style-span" style=";font-family:arial;font-size:medium;">Configuración de medios (Webcam y micrófono).</span></li></ol><div style="text-align: left;"><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;">A continuación, se relaciona el manual del complemento, realizado en el sistema de </span></span><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:medium;">Presentaciones Virtuales.</span></span></div><div><br /></div><div>Algunos pantallas de la aplicación, después del salto.</div><div><br /><br /></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiprQkz68IzMzkHMniJTlh4aSt5kCeNXZArPI-_qd1pk_Puph2SR6TRf863FyRfJk1eePZ8G5yY9TGfok4lRrsEuH72FN4QmQYe567bYTN10Yz3tCCUcpUtuloDl77We5-5Mry6a-lLjSw/s1600/imagen_2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 258px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiprQkz68IzMzkHMniJTlh4aSt5kCeNXZArPI-_qd1pk_Puph2SR6TRf863FyRfJk1eePZ8G5yY9TGfok4lRrsEuH72FN4QmQYe567bYTN10Yz3tCCUcpUtuloDl77We5-5Mry6a-lLjSw/s320/imagen_2.jpg" alt="" id="BLOGGER_PHOTO_ID_5475286386402116626" border="0" /></a><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-6XasXWneTNAFqxR0A1OaFklUc6eQ-JcCKh1PVeyUWgwAnVfwCRje11Lly0sQig3qOCV12_FwHwUxW0fVST5qIh17mZ6USmyQaaGmAzVsapUYKh7Gu1cppi9U-EgcZNQnZICPr7Bp1o/s1600/imagen_3.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 258px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-6XasXWneTNAFqxR0A1OaFklUc6eQ-JcCKh1PVeyUWgwAnVfwCRje11Lly0sQig3qOCV12_FwHwUxW0fVST5qIh17mZ6USmyQaaGmAzVsapUYKh7Gu1cppi9U-EgcZNQnZICPr7Bp1o/s320/imagen_3.jpg" alt="" id="BLOGGER_PHOTO_ID_5475286703924630354" border="0" /></a><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoR3XW3mjeDVoia-dt1xuhd_Zjwmv73HWSSFvzngIc9RAzbPRSvoE_A81H9HfRyFygSXYYFdIoE7QRvcvnTx3VCj_jYk3REBjzhhE-RQQSWeKikXl5NWWLwg1iBF92UW6Yq_2ARZaIDno/s1600/imagen_4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 194px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoR3XW3mjeDVoia-dt1xuhd_Zjwmv73HWSSFvzngIc9RAzbPRSvoE_A81H9HfRyFygSXYYFdIoE7QRvcvnTx3VCj_jYk3REBjzhhE-RQQSWeKikXl5NWWLwg1iBF92UW6Yq_2ARZaIDno/s320/imagen_4.jpg" alt="" id="BLOGGER_PHOTO_ID_5475287517489395170" border="0" /></a><br />Jorge Rubiano</div><div><span class="Apple-style-span" style="color: rgb(0, 0, 238);"><br /></span></div></div><div><span class="Apple-style-span" style="color: rgb(0, 0, 238);"><br /></span></div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com0tag:blogger.com,1999:blog-3619773904197753749.post-90508503645738683852011-05-20T07:04:00.000-07:002011-12-26T13:08:14.682-08:00VirtualNet 2.0<div style="text-align: center;">
<span class="Apple-style-span"><u><br /></u></span></div>
<div style="text-align: justify;">
Hoy en día existe una gran variedad de plataformas de educación virtual (<a href="http://es.wikipedia.org/wiki/Aprendizaje_electr%C3%B3nico">E-learning</a>) con grandes prestaciones, tanto libres como licenciadas.</div>
<div style="text-align: justify;">
<br /></div>
Quizá entre los más conocidos estén <a href="http://moodle.org/">Moodle</a> y <a href="http://www.blackboard.com/">Blackboard</a>, los cuales tienen servicios de gran calidad y que día a día mejoran aún sus respectivas plataformas.<br />
<div>
<br /></div>
<div>
El propósito de esta entrada es comentar la experiencia de desarrollo de un sistema académico, nació una necesidad en la la <a href="http://umb.edu.co/Home_new.html?z=1&w=5">Universidad Manuela Beltrán de Colombia</a>, en su área de <a href="http://www.umbvirtual.edu.co/">UMB Virtual</a>, de contar con una plataforma virtual, la cual hiciera las labores académicas, ya se tenía una experiencia en una fase inicial de desarrollo de una primera aproximación a un sistema académico (VirtualNet), por lo cual se decidió realizar una segunda versión, más enfocada en el contenido y la socialización de sus participantes (Docentes, estudiantes, tutores, administrativos y demás perfiles).</div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasZA05YHQzHhTsG8jztAqhKD3W72aCamqQq85S9dg42h8C5JHGJRvnW1MbVeKpZQkjlDSn0XkKS3mgNP2SIxvZzdlUrs5b8VP1tPiC8gbFOfmLSH0mfs2c-LrTqWUuTzgzYZFfs69VGM/s1600/VirtualNet2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5608803342179283474" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiasZA05YHQzHhTsG8jztAqhKD3W72aCamqQq85S9dg42h8C5JHGJRvnW1MbVeKpZQkjlDSn0XkKS3mgNP2SIxvZzdlUrs5b8VP1tPiC8gbFOfmLSH0mfs2c-LrTqWUuTzgzYZFfs69VGM/s320/VirtualNet2.png" style="cursor: pointer; display: block; height: 41px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 138px;" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
A continuación se muestran unas serie de imágenes que representan el ambiente actual del sistema, el cual está a punto de salir de fase de desarrollo básico para ingresar a una fase de pruebas cerrada.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhihwA8MdBxzukyjQkA9U0_2oJjuQ8jta-vcZ63YIBc3ur-2Sf-D9xjsZo2D-8bGB26YJvDgfgpnVaIFPEGs5cnhZ_XsKWaP0Vb6SUCoHZSJellt2eCoBzNeHnUmNXUypYeqIjdznJtVs/s1600/img_1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5608804676255456610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhihwA8MdBxzukyjQkA9U0_2oJjuQ8jta-vcZ63YIBc3ur-2Sf-D9xjsZo2D-8bGB26YJvDgfgpnVaIFPEGs5cnhZ_XsKWaP0Vb6SUCoHZSJellt2eCoBzNeHnUmNXUypYeqIjdznJtVs/s320/img_1.jpg" style="cursor: pointer; display: block; height: 320px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 306px;" /></a></div>
<div>
<br /></div>
<div>
En esta pantalla se puede apreciar el ambiente con el que se encuentra un usuario, para este caso un docente, el cual tiene una serie de herramientas de generación de contenido y de actividades que ayudan a la evidencia de las acciones realizadas por los alumnos en un curso.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKiqjgnhH8os2VCoVd8fEU-ep6e-NpffCSiqM-lI-AYPO5Dp_aWWNKo4ETO_3hD8iPMl2NRLzRDJdfsSAwZ1c3Lpq2t_1CD1pTbMPHJNXlLhtryteS-847p0SEqHG8ud0NsjoEiKdEbo/s1600/img_2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5608805492767047346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmKiqjgnhH8os2VCoVd8fEU-ep6e-NpffCSiqM-lI-AYPO5Dp_aWWNKo4ETO_3hD8iPMl2NRLzRDJdfsSAwZ1c3Lpq2t_1CD1pTbMPHJNXlLhtryteS-847p0SEqHG8ud0NsjoEiKdEbo/s320/img_2.jpg" style="cursor: pointer; display: block; height: 320px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 304px;" /></a></div>
<div>
<br /></div>
<div>
En la figura anterior se puede ver la forma en que un alumno puede ver su avance en un curso, esto con el ánimo de que conozca en cualquier momento como se encuentra, que actividades le hacen falta por entregar y sus pendientes.</div>
<div>
<br /></div>
<div>
De igual manera el docente cuenta con una serie de reportes tanto por alumno como por actividad y un gran consolidado que ayuda a tener una idea de cómo está el grupo al cual dirige.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGQT_ac-_CZjMTz31q06_o4MWDufbZvpfWk8clySGHTH8qz3At7dQNhz5RgQXxBkpEjeUOEyRI_Q5cG4iRY_EuyMxjd7Klkj04cxHdPS79NAYn6ozGbMeJNlKACCzbYshSimeRem2dhw/s1600/Captura+de+pantalla+2011-09-15+a+las+16.03.39+%25281%2529.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGQT_ac-_CZjMTz31q06_o4MWDufbZvpfWk8clySGHTH8qz3At7dQNhz5RgQXxBkpEjeUOEyRI_Q5cG4iRY_EuyMxjd7Klkj04cxHdPS79NAYn6ozGbMeJNlKACCzbYshSimeRem2dhw/s320/Captura+de+pantalla+2011-09-15+a+las+16.03.39+%25281%2529.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOyJRNhboXXvfNjoyLykuszd9LUn00uK1zL3k7ksSS6wVwLj0jcEgvNVhdV-GBPrVbcFePLFhK0McZIm4NNyuQyjklWDfGJ8tqGwZSAZhYhmqLCSPr4KW9ugxeCAVMuvtRbGwciUW46kA/s1600/Captura+de+pantalla+2011-09-15+a+las+16.05.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOyJRNhboXXvfNjoyLykuszd9LUn00uK1zL3k7ksSS6wVwLj0jcEgvNVhdV-GBPrVbcFePLFhK0McZIm4NNyuQyjklWDfGJ8tqGwZSAZhYhmqLCSPr4KW9ugxeCAVMuvtRbGwciUW46kA/s320/Captura+de+pantalla+2011-09-15+a+las+16.05.41.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9289Ewr6RLwLZarQwEhDcQO1cOm7Wou8TDq3UqVGH-5EX2xiQOE-WMgJvH-GNNi09iXwL3yq1e-4qsNrGjD8RTazM5IaWso9bCsoauhdpuk3Qm6UQmU_AnYN770mQJElBKO4eUwxd2iE/s1600/Captura+de+pantalla+2011-09-15+a+las+16.05.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9289Ewr6RLwLZarQwEhDcQO1cOm7Wou8TDq3UqVGH-5EX2xiQOE-WMgJvH-GNNi09iXwL3yq1e-4qsNrGjD8RTazM5IaWso9bCsoauhdpuk3Qm6UQmU_AnYN770mQJElBKO4eUwxd2iE/s320/Captura+de+pantalla+2011-09-15+a+las+16.05.54.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDZMf5IXwWxnp4USiIB8GHtn-Rl8soZzjL33HhKRsEGGl219OPiA9YtmrKGkmP-RRsnZoRi-UBjHH5_kd6J6Az2CrnqtbgrPNOCWJpCIa5JtHtPNdECoJy3VKXrl0W9xa-3ELJDTQ1Ro/s1600/Captura+de+pantalla+2011-09-15+a+las+16.06.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNDZMf5IXwWxnp4USiIB8GHtn-Rl8soZzjL33HhKRsEGGl219OPiA9YtmrKGkmP-RRsnZoRi-UBjHH5_kd6J6Az2CrnqtbgrPNOCWJpCIa5JtHtPNdECoJy3VKXrl0W9xa-3ELJDTQ1Ro/s320/Captura+de+pantalla+2011-09-15+a+las+16.06.09.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBReLlOMuCmTevbCqD1wpC6aybZ9qDnIV8EZgIdcSRh0KXkcEB8n1I5kUEJYg0zJSDX96jVa_yf60DYHuBjcrRgkQy4NP4jd50ZP0lhMdMpUVC8nTc5p7eOOV1EiYNAHkJe3t8ALr-DXo/s1600/Captura+de+pantalla+2011-09-27+a+las+13.10.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBReLlOMuCmTevbCqD1wpC6aybZ9qDnIV8EZgIdcSRh0KXkcEB8n1I5kUEJYg0zJSDX96jVa_yf60DYHuBjcrRgkQy4NP4jd50ZP0lhMdMpUVC8nTc5p7eOOV1EiYNAHkJe3t8ALr-DXo/s320/Captura+de+pantalla+2011-09-27+a+las+13.10.14.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKmWxz3Ynne4UWAQAXuojbDM1_CcmUVhwYI2r1yyXxIyV0RJSDMSaC_BYyqMJ-o5P4afd_RB00TucAhwYrOwNFro2HjAwmWubMMue_3QHP5ATqrz97k25W7SIvzKGLe21ldPUNi7MtUhA/s1600/Captura+de+pantalla+2011-09-27+a+las+13.10.29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKmWxz3Ynne4UWAQAXuojbDM1_CcmUVhwYI2r1yyXxIyV0RJSDMSaC_BYyqMJ-o5P4afd_RB00TucAhwYrOwNFro2HjAwmWubMMue_3QHP5ATqrz97k25W7SIvzKGLe21ldPUNi7MtUhA/s320/Captura+de+pantalla+2011-09-27+a+las+13.10.29.png" width="272" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKjNo4tfsyhYHQmyM1EIb3sQbKtK4PCRoCdkLStVhE_46XzfVYs_qqNPXfPvEKNQMSnWpdwFoPXrHg4xtvUOb_Fxw6JdnPPQ0GreRlxN888224R8otd6cEg8hVMC4Y8YVqHmhncMRdwbQ/s1600/Captura+de+pantalla+2011-09-27+a+las+13.10.51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKjNo4tfsyhYHQmyM1EIb3sQbKtK4PCRoCdkLStVhE_46XzfVYs_qqNPXfPvEKNQMSnWpdwFoPXrHg4xtvUOb_Fxw6JdnPPQ0GreRlxN888224R8otd6cEg8hVMC4Y8YVqHmhncMRdwbQ/s320/Captura+de+pantalla+2011-09-27+a+las+13.10.51.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvPoLAAk25X_uMI8yr-kFZlNEg2zS-LHk-LXB1plXy3S7WDITOGQAEl3BOys5TnjcxLndSeRPl34TkFKkkZ3lhsEHwFazK-aSAfKqMlg4KXurgkyYmMei4pXeQw-U3PzPV5_VVtGI23M/s1600/Captura+de+pantalla+2011-09-27+a+las+13.11.39.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvPoLAAk25X_uMI8yr-kFZlNEg2zS-LHk-LXB1plXy3S7WDITOGQAEl3BOys5TnjcxLndSeRPl34TkFKkkZ3lhsEHwFazK-aSAfKqMlg4KXurgkyYmMei4pXeQw-U3PzPV5_VVtGI23M/s320/Captura+de+pantalla+2011-09-27+a+las+13.11.39.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5sTGOltoDI25kPft6sK1-RXymRZN6vKRrQ8k_MPi07KQ5Dr16BPdR1XytBLqiSgrSPtY8VRACRDZ5w5cvzW-o2EWbO9565NNYQS-D4xdH90XLb8kJBZdkXbXx1Z90ZykUD6kd9O3CqU/s1600/Captura+de+pantalla+2011-09-27+a+las+13.12.47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="303" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB5sTGOltoDI25kPft6sK1-RXymRZN6vKRrQ8k_MPi07KQ5Dr16BPdR1XytBLqiSgrSPtY8VRACRDZ5w5cvzW-o2EWbO9565NNYQS-D4xdH90XLb8kJBZdkXbXx1Z90ZykUD6kd9O3CqU/s320/Captura+de+pantalla+2011-09-27+a+las+13.12.47.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWWJavQPLN4E6nRnGlbLNjqiMJF57eemawT23dimDECOTh7eyaEZIbK20H1MOiXjS9tvJcQeEV4EgxgOTZEOp5Wd6iLbw2D4G1lljCBcIfHJMJIhYlXzTbMeT58f4J0rDQrQrGXu5FOYI/s1600/Captura+de+pantalla+2011-09-27+a+las+13.14.23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWWJavQPLN4E6nRnGlbLNjqiMJF57eemawT23dimDECOTh7eyaEZIbK20H1MOiXjS9tvJcQeEV4EgxgOTZEOp5Wd6iLbw2D4G1lljCBcIfHJMJIhYlXzTbMeT58f4J0rDQrQrGXu5FOYI/s320/Captura+de+pantalla+2011-09-27+a+las+13.14.23.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhfHkndl_fGxz2NcbSzzN1X60tNz4_74nob9zoLpXh0Kvqmxw-UPVIRHmSCrpvr7MNHuVXZEPGSQ6p4O3paQXy-JwBB4UtEEESmVSJxNeQ6KvNmYEfHzT2Fh2sB3F7EN0pPraWXXxPTI/s1600/Captura+de+pantalla+2011-09-27+a+las+13.14.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhfHkndl_fGxz2NcbSzzN1X60tNz4_74nob9zoLpXh0Kvqmxw-UPVIRHmSCrpvr7MNHuVXZEPGSQ6p4O3paQXy-JwBB4UtEEESmVSJxNeQ6KvNmYEfHzT2Fh2sB3F7EN0pPraWXXxPTI/s320/Captura+de+pantalla+2011-09-27+a+las+13.14.54.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
<div>
<div style="text-align: -webkit-auto;">
<div style="text-align: center;">
Papelera de Reciclaje y Notas <span style="background-color: transparent;">Masivas.</span></div>
<span style="background-color: transparent;"><br /></span><br />
<span style="background-color: transparent;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkXAeaDNDxZZYBFl9yT8FhZ3cngHawIb7CNre2fySqVBCvXMRb-gW7AkSNFhdRnC_xdMBxaelXhsxgdPMR6UYSHy6ecX_paggk0PxniTSEvbIIGpAMUUrqxd-ptHJPJQrEa7BRUrrxUM/s1600/Captura+de+pantalla+2011-10-28+a+las+17.26.56.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDkXAeaDNDxZZYBFl9yT8FhZ3cngHawIb7CNre2fySqVBCvXMRb-gW7AkSNFhdRnC_xdMBxaelXhsxgdPMR6UYSHy6ecX_paggk0PxniTSEvbIIGpAMUUrqxd-ptHJPJQrEa7BRUrrxUM/s320/Captura+de+pantalla+2011-10-28+a+las+17.26.56.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySF1PggzZdaXMMdSwxuX3eTCl-P40uAoozqcrCZoBcNkIHF7ZOLEffA7Geg2Z52Zp_4fUiD5nXj-LEmVrBRbyJRY6GIP7pg_9SGVgVEei-TJFXnC4Xxq9KofxYV70wx8iRkhRtVO21Fw/s1600/Captura+de+pantalla+2011-10-28+a+las+17.27.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySF1PggzZdaXMMdSwxuX3eTCl-P40uAoozqcrCZoBcNkIHF7ZOLEffA7Geg2Z52Zp_4fUiD5nXj-LEmVrBRbyJRY6GIP7pg_9SGVgVEei-TJFXnC4Xxq9KofxYV70wx8iRkhRtVO21Fw/s320/Captura+de+pantalla+2011-10-28+a+las+17.27.09.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0yNblfxw4bjG4HNa2XLjH1ggjw9w46yQXF4wwAH1LfKTeppo-j-xFsXjbqzVWz0DNi8FrtY6zsXkZQPMg-KemTAscDg-fPuToDcvN50FXEE0bElcjPG_OfHw7KTo1u2uylv2Gx-WLoQ/s1600/Captura+de+pantalla+2011-10-28+a+las+17.27.30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0yNblfxw4bjG4HNa2XLjH1ggjw9w46yQXF4wwAH1LfKTeppo-j-xFsXjbqzVWz0DNi8FrtY6zsXkZQPMg-KemTAscDg-fPuToDcvN50FXEE0bElcjPG_OfHw7KTo1u2uylv2Gx-WLoQ/s320/Captura+de+pantalla+2011-10-28+a+las+17.27.30.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTf4a5AedJghXBGc1MMvbFs99bIpC1J-hV63gg7WR1MSmqhOV6D91nbJoQjY6lJ0OsKDnr5ToLTRsM2KLTR-qA0nnsDKscdheIvC2s3lF4IpKbDK6q7PxWotQjhYTBgW1ktRpox-cWoh0/s1600/Captura+de+pantalla+2011-10-28+a+las+17.27.51.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTf4a5AedJghXBGc1MMvbFs99bIpC1J-hV63gg7WR1MSmqhOV6D91nbJoQjY6lJ0OsKDnr5ToLTRsM2KLTR-qA0nnsDKscdheIvC2s3lF4IpKbDK6q7PxWotQjhYTBgW1ktRpox-cWoh0/s320/Captura+de+pantalla+2011-10-28+a+las+17.27.51.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1OnHgDzu9jfbYLwKrjU0Wz8l1lD721Rqq2JpVwSgoRM3XyaGHgEtCUDeGsLsqVETSn_w5CRkYn1WqQ87fOvL5HeK-xAlyxwAQxtPFJhEHvP_wWWOULVhaGkh1FZGOJ30hsOSusL9tqg/s1600/Captura+de+pantalla+2011-10-28+a+las+17.28.48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc1OnHgDzu9jfbYLwKrjU0Wz8l1lD721Rqq2JpVwSgoRM3XyaGHgEtCUDeGsLsqVETSn_w5CRkYn1WqQ87fOvL5HeK-xAlyxwAQxtPFJhEHvP_wWWOULVhaGkh1FZGOJ30hsOSusL9tqg/s320/Captura+de+pantalla+2011-10-28+a+las+17.28.48.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikLccTI8y5ZfongEvCFzOB2tGcDGjYJejBXNVBYyogshEhjHCwNeF_ELU2fafJzd1Qr11t24NcO87YL5qlebkHWahqta5XcvH3Xg_oyhZZAeZ8bl5nclMEYb44qzvZDc9q2SilBUuBkf0/s1600/Captura+de+pantalla+2011-10-28+a+las+17.29.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikLccTI8y5ZfongEvCFzOB2tGcDGjYJejBXNVBYyogshEhjHCwNeF_ELU2fafJzd1Qr11t24NcO87YL5qlebkHWahqta5XcvH3Xg_oyhZZAeZ8bl5nclMEYb44qzvZDc9q2SilBUuBkf0/s320/Captura+de+pantalla+2011-10-28+a+las+17.29.09.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHqR9vASrF5rfOvkRPDPAsL3QtDUp-fG0iHRLmIy3DM5j8HCmJDoZj6OLbw21Ovs7XiA8ziHe9Yxti7mfwLOmQPAhVTq8bZqly54UM3xreoOuaWzuT4dzzIP0X_hRYpoM5xl-aampdMw/s1600/Captura+de+pantalla+2011-10-28+a+las+17.29.31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHqR9vASrF5rfOvkRPDPAsL3QtDUp-fG0iHRLmIy3DM5j8HCmJDoZj6OLbw21Ovs7XiA8ziHe9Yxti7mfwLOmQPAhVTq8bZqly54UM3xreoOuaWzuT4dzzIP0X_hRYpoM5xl-aampdMw/s1600/Captura+de+pantalla+2011-10-28+a+las+17.29.31.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Copiar/Mover contenido de un curso a otro.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDXUDHkshD_yqfnPo_ZN2GE-ek8U_tsZj6vtRc_oBam-Xr-RLrE_QqKB755ENkUnuGmI2EfEL7PyW2nXvB8KzGfkB1rHy-qlc4lGj4nO18JUzBbRhQHe32eYhVH5dBybhpZB2yJbceRyc/s1600/Captura_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDXUDHkshD_yqfnPo_ZN2GE-ek8U_tsZj6vtRc_oBam-Xr-RLrE_QqKB755ENkUnuGmI2EfEL7PyW2nXvB8KzGfkB1rHy-qlc4lGj4nO18JUzBbRhQHe32eYhVH5dBybhpZB2yJbceRyc/s320/Captura_1.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwobOgUkQuOI70e2cANBv2JYSppLSGvdGxjfp64bMXkWh5Hfw-ljnKFwbqhvz8IgUfEEfW5GnoYQbi9Orfm0oem97up_Ivn4yfpP0I2BFuufGUKCa1rcor5oATDj4betr6XGHjxO341M/s1600/Captura_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwobOgUkQuOI70e2cANBv2JYSppLSGvdGxjfp64bMXkWh5Hfw-ljnKFwbqhvz8IgUfEEfW5GnoYQbi9Orfm0oem97up_Ivn4yfpP0I2BFuufGUKCa1rcor5oATDj4betr6XGHjxO341M/s320/Captura_2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div style="text-align: center;">
Arrastrar y Soltar contenidos (Drag and Drop)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Se tiene la capacidad de mover contenidos a otras carpetas, arrastrando y soltando al origen deseado, además de eliminar el contenido de forma masiva. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-QF7Og3O2q2k/Tvjhx3xNDtI/AAAAAAAADWM/pqY2ZEnnwBU/s1600/Captura+de+pantalla+2011-12-26+a+las+16.03.13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="http://2.bp.blogspot.com/-QF7Og3O2q2k/Tvjhx3xNDtI/AAAAAAAADWM/pqY2ZEnnwBU/s400/Captura+de+pantalla+2011-12-26+a+las+16.03.13.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-uZWA26JE12c/TvjhyWk2pNI/AAAAAAAADWU/ed4xxy2AxkA/s1600/Captura+de+pantalla+2011-12-26+a+las+16.02.58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="http://3.bp.blogspot.com/-uZWA26JE12c/TvjhyWk2pNI/AAAAAAAADWU/ed4xxy2AxkA/s400/Captura+de+pantalla+2011-12-26+a+las+16.02.58.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-62GWBVO9Yg0/TvjhyVYonJI/AAAAAAAADWc/0DEGjNyzj20/s1600/Captura+de+pantalla+2011-12-26+a+las+16.02.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="http://1.bp.blogspot.com/-62GWBVO9Yg0/TvjhyVYonJI/AAAAAAAADWc/0DEGjNyzj20/s400/Captura+de+pantalla+2011-12-26+a+las+16.02.10.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-a8od0VOo0z8/Tvjhy6gwo0I/AAAAAAAADWk/oGDignHfQl8/s1600/Captura+de+pantalla+2011-12-26+a+las+16.01.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://1.bp.blogspot.com/-a8od0VOo0z8/Tvjhy6gwo0I/AAAAAAAADWk/oGDignHfQl8/s400/Captura+de+pantalla+2011-12-26+a+las+16.01.49.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-f9awcaqhJpE/TvjhzFtn4yI/AAAAAAAADWs/yrEWwT3Xa4A/s1600/Captura+de+pantalla+2011-12-26+a+las+16.01.18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="http://1.bp.blogspot.com/-f9awcaqhJpE/TvjhzFtn4yI/AAAAAAAADWs/yrEWwT3Xa4A/s400/Captura+de+pantalla+2011-12-26+a+las+16.01.18.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
Esta ha sido una pequeña aproximación a un sistema que aún se encuentra en una etapa muy temprana de desarrollo, pero que busca dar otra opción en el área de educación virtual, sin desestimar el gran nivel de las plataformas que se encuentran actualmente en el mercado, las cuales a criterio propio he tomado como referencia para la consecución de algunos de los modelos planteados en este sistema.</div>
</div>
<div>
<br /></div>
<div>
Aún es muy temprano para divulgar una fecha de lanzamiento, pero el trabajo ha seguido una línea que busca garantizar una calidad buena del producto.</div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhys0qyaBMXYr7emTo94u9fj5hqSCtRM5VvapGctQodkJRcnKRj8hK9wfTXhzXpOnQ9BQl8wyrJ-06i8mLWcYN5GAVl6gxcLmcFflqD1JZlQmKY-V34ZegzTZZeDwdpXCAYboIKXkJmBA0/s1600/img_pefil.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5618169455878941586" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhys0qyaBMXYr7emTo94u9fj5hqSCtRM5VvapGctQodkJRcnKRj8hK9wfTXhzXpOnQ9BQl8wyrJ-06i8mLWcYN5GAVl6gxcLmcFflqD1JZlQmKY-V34ZegzTZZeDwdpXCAYboIKXkJmBA0/s320/img_pefil.png" style="cursor: pointer; display: block; height: 320px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; width: 302px;" /></a></div>
<div>
<br /></div>
<div>
Muchas gracias.</div>
<div>
<br /></div>
<div>
Jorge Rubiano.</div>Anonymoushttp://www.blogger.com/profile/18395202158612125820noreply@blogger.com1