tag:blogger.com,1999:blog-30502371772579483112024-03-06T02:54:28.564+01:00iDESWEB Introducción al desarrollo webiDESWEB es un curso nuevo de tipo MOOC, totalmente gratuito y disponible en la Web (online), con el que vas a aprender los conceptos básicos del desarrollo de aplicaciones web.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.comBlogger47125tag:blogger.com,1999:blog-3050237177257948311.post-56166934117428170212013-10-16T11:51:00.001+02:002013-10-16T11:51:56.990+02:00Soluciones de los ejercicios de la semana 3Se han publicado las soluciones de los ejercicios de la semana 3 del curso:<br />
<br />
<div>
La solución del profesor del ejercicio <a href="https://docs.google.com/document/d/1rhU7JjOWh6CXvQS5OI9FnP920h4jmMtwL8_v6ittC_o/pub">Ejercicio: HTML: Un formulario</a> se encuentra en la siguiente dirección:</div>
<div>
</div>
<div>
<a href="http://hdl.handle.net/10045/33259">http://hdl.handle.net/10045/33259</a></div>
<div>
</div>
<div>
En la solución hay dos variantes: XHTML 1.0 Strict y HTML5.</div>
<div>
</div>
<div>
<div>
La solución del profesor del ejercicio <a href="https://docs.google.com/document/d/1E3JWl6qg-35U3ok6P-_c8DYZZTN0BhX6eHFDfkHVZx4/pub">Ejercicio: HTML5: una página web sencilla (formulario)</a> se encuentra en la siguiente dirección:</div>
<div>
</div>
<div>
<a href="http://hdl.handle.net/10045/33260">http://hdl.handle.net/10045/33260</a></div>
<div>
</div>
<div>
<div dir="ltr">
<div>
La solución del profesor del ejercicio <a href="https://docs.google.com/document/d/1E3JWl6qg-35U3ok6P-_c8DYZZTN0BhX6eHFDfkHVZx4/pub" target="_blank"><u><span style="color: navy;">Ejercicio: HTML5: una página web sencilla (nuevas etiquetas)</span></u></a> se encuentra en la siguiente dirección:</div>
<div>
</div>
<div>
<a href="http://hdl.handle.net/10045/33261" target="_blank">http://hdl.handle.net/10045/<wbr></wbr>33261</a></div>
</div>
</div>
</div>
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com4tag:blogger.com,1999:blog-3050237177257948311.post-14095106834119414772013-10-16T11:34:00.000+02:002013-10-16T11:34:08.343+02:00Nueva lección sobre propiedad intelectualEsta mañana se ha añadido al tema Propiedad intelectual y licencias de uso el artículo <a href="http://www.eldiario.es/turing/derechos_de_autor-copyright_0_159234113.html">Qué debes saber sobre derechos de autor si eres periodista o editor</a>, de <a href="http://gallir.wordpress.com/">Ricardo Gal</a>li, profesor de la Universidad de las Islas Baleares y creador de Menéame.<br />
<br />
Los consejos de Ricardo Galli se resumen en una frase muy fácil de entender:
<br />
<blockquote>
Salvo pocas excepciones no puedes usar ninguna obra intelectual sin tener autorización explícita de sus autores.
</blockquote>
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com1tag:blogger.com,1999:blog-3050237177257948311.post-27701576296752385682013-10-10T13:44:00.003+02:002013-10-10T13:44:21.036+02:00Pregunta destacada: ¿Cómo saber qué versión de HTML tengo?Una pregunta publicada por un alumno en el foro:<br />
<blockquote>
Hola Profesor, sabe estoy siguiendo el curso Introducción al desarrollo web, soy principiante y estoy en la Unidad HTML: Conceptos avanzados. En la Lección 1: Juego de caracteres, habla de las versiones de HTML y como definimos el juego de caracteres dependiendo de la versión en la que estemos trabajando. Nació una duda y quizá lo estoy preguntando demasiado tarde pero ¿Como saber que versión HTML tengo? y si ¿HTML esta directamente asociado al navegador que tengo instalado? ¿Cual lenguaje de etiquetado recomienda HTML, XHTML, XML?
</blockquote>
Y la respuesta del profesor:<br />
<br />
Hola Juan.<br />
<br />
Tu compañero Carlos ha contestado muy bien tu pregunta: la versión de HTML que se utiliza en una página se indica con la declaración del tipo de documento, el DOCTYPE, que debe ser la primera línea en tu página web.
<br />
<br />
Si no hay una declaración, cada navegador (y otros programas que también admiten HTML) tomará una decisión sobre la versión de HTML que se está utilizando. Pero esa decisión puede ser errónea (y además, no todos los navegadores tienen un deber de tomar la misma decisión) y puede ser que el código no se interprete de forma correcta. Por eso es muy importante incluir siempre el DOCTYPE.
<br />
<br />
Respecto a cuál es mejor, está claro que el último debería ser siempre el mejor, pero no siempre ocurre así. Ahí tenemos las películas de la Guerra de las Galaxias (Star Wars) como prueba de que lo último puede ser peor, mucho peor que lo primero :-)
<br />
<br />
En el caso de HTML, HTML5 sí que es mejor que las versiones anteriores (para eso se ha hecho, o mejor dicho, se está haciendo), pero a día de hoy se debe usar con sumo cuidado por los problemas de compatibilidad que existen.
<br />
<br />
Para terminar de aclarar tu pregunta, te recomiendo que veas estos dos vídeos:
<br />
<ul>
<li>XML: HTML y XHTML: <a href="http://www.youtube.com/watch?v=EDTgmwVNGjs">http://www.youtube.com/watch?v=EDTgmwVNGjs </a></li>
<li>¿Cuál es mejor: HTML, XHTML, HTML5?: <a href="http://www.youtube.com/watch?v=vay6y6exqfg">http://www.youtube.com/watch?v=vay6y6exqfg </a></li>
</ul>
Un saludo y que la fuerza te acompañe...iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com11tag:blogger.com,1999:blog-3050237177257948311.post-13569508061781877682013-10-08T20:28:00.001+02:002013-10-08T20:28:16.551+02:00Ya vamos por la tercera semanaEl curso acaba de iniciar su tercera semana.<br />
<br />
¿Estás al día con los vídeos que tienes que ver cada semana?<br />
<br />
¿Estás al día con los ejercicios y actividades que te proponemos?<br />
<br />
¿Estás al día con la práctica que tienes que realizar cada semana?<br />
<br />
Deja un comentario con tu opinión en esta entrada del blog o en el foro del curso.<br />
<br />
La semana pasada se activó el <a href="https://groups.google.com/d/forum/idesweb">foro del curso</a>. En el foro puedes compartir tus dudas
con los ejercicios que te planteamos y puedes ayudar a otros estudiantes del curso a aprender. Y también puedes publicar la solución a los ejercicios y las prácticas.<br />
<br />
Si no lo has hecho aún, te recomendamos la lectura de
<a href="http://idesweb.blogspot.com.es/2013/10/como-debo-proceder-ahora.html">¿Cómo debo proceder ahora?</a><br />
<br />
Por último, recuerda que esta tercera edición del curso tiene lugar en la siguiente dirección y necesitarás una cuenta de Google para acceder:<br />
<br />
<a href="http://idesweb.uaedf.ua.es/">http://idesweb.uaedf.ua.es/</a>
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com9tag:blogger.com,1999:blog-3050237177257948311.post-54350072521211106392013-10-02T09:05:00.001+02:002013-10-02T09:05:11.074+02:00¿Cómo debo proceder ahora?Varios correos recibidos plantean la misma duda:<br />
<blockquote>
Me he apuntado al curso del iDESWEB, ¿cómo debo proceder ahora?<br />
¿Tengo que descargarme algún material o ver algo?<br />
¿Tengo que entregar los ejercicios en algún sitio para que sean corregidos?</blockquote>
En primer lugar, <strong>NO ENVÍES UN CORREO ELECTRÓNICO A LOS PROFESORES DEL CURSO PARA CUALQUIER COSA</strong>. Este es un curso masivo, con miles de estudiantes: aunque sólo un 1% de los estudiantes envíe un correo, ¡son muchos correos!<br />
<br />
Puedes enviar un correo electrónico a un profesor para agradecerle el trabajo realizado, para advertirle de un posible error, para sugerirle una posible mejora en los materiales que ha preparado, para invitarle a tomar un café o una cerveza, es decir, para cosas que puedan beneficiar al profesor, pero no para mandarle el código de lo que estás haciendo y no te sale o incluso para pedirle ayuda gratis con el sitio web particular que estás haciendo para tu empresa o para una asignatura (sí, hay gente que escribe pidiendo ayuda para hacer un ejercicio que le ha mandado otro profesor en el instituto o en la universidad).<br />
<br />
<strong>Las dudas sobre el curso se deben plantear en el </strong><a href="https://groups.google.com/d/forum/idesweb"><strong>foro del curso</strong></a><strong>: los problemas y las soluciones se tienen que compartir entre todos los estudiantes.</strong><br />
<br />
<em>¿Cómo debo proceder en iDESWEB?</em><br />
<br />
En el apartado <strong>Instrucciones</strong> se explica el funcionamiento del curso. Pero por si no queda claro, un pequeño resumen:<br />
<ol>
<li>El contenido del curso se explica a través de <strong>vídeos</strong>. En muchos casos, los vídeos contienen referencias a otros vídeos o lecturas que se deben consultar.</li>
<li>Los vídeos se tienen que ver de forma activa, no de forma pasiva. El objetivo no debe ser ver el vídeo (<em>"venga, venga, a ver si acaba ya este vídeo"</em>), sino entender y aprender lo que se muestra en el vídeo. Para ello:</li>
<ol>
<li>Puede ser que haya que parar el vídeo para ver con calma lo que se muestra en el vídeo.</li>
<li>Puede ser que haya que ver el vídeo varias veces para entender lo que se explica.</li>
<li>Puede ser que haya que tomar notas para hacerse un esquema o resumen del vídeo.</li>
<li>Puede ser que haya que replicar los ejemplos que se muestran en el vídeo para entenderlos.</li>
<li>Puede ser que haya que hacer algún ejercicio que se proponga en el vídeo.</li>
<li>Puede ser que haya que consultar otras fuentes para completar lo explicado en el vídeo.</li>
</ol>
<li>Los <strong>ejercicios de autoevaluación</strong> de tipo test ayudan a tener una idea del nivel de aprendizaje en el curso. Estos ejercicios se pueden repetir todas las veces que se quiera, pero el objetivo debe ser intentar hacerlo bien a la primera.</li>
<li>Los <strong>exámenes de cada semana</strong> son ejercicios de autoevaluación con preguntas sobre todo lo explicado esa semana.</li>
<li>Los <strong>ejercicios individuales</strong> ayudan a practicar algunas partes de lo explicado, pero son ejercicios aislados que no pueden transmitir la complejidad que existe cuando se aborda un desarrollo web real.</li>
<li>El <strong>proyecto</strong>, dividido en <strong>prácticas semanales</strong>, es el elemento educativo más importante del curso. Su realización es condición necesaria, pero no suficiente, para lograr un aprendizaje significativo. El proyecto pone a prueba lo aprendido con la visualización de los vídeos, y es normal que cada práctica pueda requerir varias horas o incluso días: si no fuese así, significaría que ya sabes lo que se está explicando en este curso y lo que se te pide que hagas, y entonces, ¿para qué estás haciendo este curso?</li>
<li>El curso está organizado en <strong>15 semanas</strong>. Cada semana se publicarán unidades nuevas a las que se puede acceder a través del apartado <strong>Temario</strong> o <strong>Calendario</strong> (a través del calendario se sabe exactamente lo que se publica cada semana). Las prácticas del proyecto son accesibles a través del apartado <strong>Temario</strong> o <strong>Proyecto</strong>.</li>
<li>Los ejercicios individuales y las prácticas no se tienen que entregar, no van a ser corregidos por los profesores. En su lugar, os animamos a publicarlos en el foro del curso para compartirlos con otros estudiantes.</li>
</ol>
El curso no está preparado para ser descargado, es un curso para ser realizado en línea. Todos los vídeos del curso están disponibles en el <a href="http://www.youtube.com/user/idesweb/">canal del curso en YouTube</a>.<br />
<br />
Muchas de las presentaciones en las que se basan los vídeos están publicadas en el <a href="http://rua.ua.es/">Repositorio Institucional de la Universidad de Alicante</a>, pero no están todas publicadas.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com5tag:blogger.com,1999:blog-3050237177257948311.post-67321159387314679112013-09-30T15:53:00.001+02:002013-09-30T15:53:39.283+02:00Semana 2 del cursoHace 2 horas se han publicado los materiales de la segunda semana del curso. En las <a href="http://ideswebcourse.appspot.com/instructions">Instrucciones</a> del curso pone:<br />
<blockquote class="tr_bq">
Los materiales del curso (vídeos, práctica, etc.) se publican a lo largo del día indicado en el Calendario: no hay una hora fija, lo único seguro es que al finalizar ese día estarán publicados.</blockquote>
<br />
<br />
Hoy también se ha activado el <a href="http://ideswebcourse.appspot.com/forum">Foro</a> del curso. El foro es un elemento que tenéis que construir vosotros, los alumnos, con vuestra participación. Su éxito y utilidad dependerá del uso que le deis. Antes de publicar algo, comprueba que estás en la categoría adecuada y no existe una pregunta similar a la tuya.<br />
<br />
Esta semana también se inicia el <a href="http://ideswebcourse.appspot.com/project">Proyecto</a>. El proyecto, compuesto de varias prácticas, es el elemento más importante de este curso: su realización es lo que te va a ayudar a aprender de verdad.<br />
<br />
En la <a href="http://hdl.handle.net/10045/31298">primera práctica</a>, la que se ha publicado esta semana, se describe la aplicación web que se va a construir semana a semana y se pide realizar unos prototipos de una parte de la aplicación.<br />
<br />
La práctica no se tiene que entregar, nadie la va a corregir, pero la puedes compartir con otros compañeros en el foro.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com4tag:blogger.com,1999:blog-3050237177257948311.post-7363634819430447162013-09-26T18:34:00.003+02:002013-09-26T18:34:49.888+02:00El navegador en modo texto original<a href="http://line-mode.cern.ch/">Line Mode Browser 2013</a> es un proyecto del CERN para recuperar el navegador en modo texto original que se lanzó en el año 1992.<br />
<br />
En septiembre de este año se juntaron unos cuantos hackers en el CERN para crear un emulador en página web del navegador de modo texto<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZA434m3u4MQfhaiSslwkOkNRJXMW64wubaf_FRhFSjjgPspzuWdo2ULUlI8IfL7w6Vkdj1WGoff20hYiiDibi0livpibIZQ4Jqd3wraPD7fNoeHtM3YC8Xj6oEzPZ4DtgMatKLvMhr4U/s1600/line-mode-browser.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZA434m3u4MQfhaiSslwkOkNRJXMW64wubaf_FRhFSjjgPspzuWdo2ULUlI8IfL7w6Vkdj1WGoff20hYiiDibi0livpibIZQ4Jqd3wraPD7fNoeHtM3YC8Xj6oEzPZ4DtgMatKLvMhr4U/s400/line-mode-browser.png" width="400" /></a></div>
<br />
En la página del proyecto pone:<br />
<blockquote>
The line-mode browser, launched in 1992, was the first readily accessible1 browser for what we now know as the world wide web. It was not, however, the world’s first web browser. The very first web browser was called WorldWideWeb2 and was created by Tim Berners-Lee in 1990.<br />
<br />
But WorldWideWeb only worked on the NeXT operating system. WorldWideWeb was a great piece of software, but it was important that the web should be accessible to many kinds of computers, not just NeXT machines.<br />
<br />
That’s where the line-mode browser came in. It was the first web browser with a cross-platform codebase so it could be installed on many different kinds of computers. It was a relatively simple piece of software with a very basic interface, but in the early days of the web, it was instrumental in demonstrating the power of this new medium.
</blockquote>
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com3tag:blogger.com,1999:blog-3050237177257948311.post-63383961912251948592013-09-26T18:28:00.000+02:002013-09-26T18:28:15.996+02:00Una cronología de la historia de la World Wide Web<a href="http://webdirections.org/history/">A timeline of the history of the World Wide Web</a> es una estupenda cronología de la historia de la Web.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRCvqFvlkapqyzuvb7_nQ5lF1eDfyLhsf-N9y6VOtYOwXsItlM4EHhX8QT9jUgFH41jRgJKM71oJnCl-8aHjUhmPEqaI1va5aD-Ilw1ji6Eg8xFt9e2BNaPqfyv70hb9Tp68JmaTSbndo/s1600/timeline-www.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRCvqFvlkapqyzuvb7_nQ5lF1eDfyLhsf-N9y6VOtYOwXsItlM4EHhX8QT9jUgFH41jRgJKM71oJnCl-8aHjUhmPEqaI1va5aD-Ilw1ji6Eg8xFt9e2BNaPqfyv70hb9Tp68JmaTSbndo/s400/timeline-www.png" width="400" /></a></div>
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com1tag:blogger.com,1999:blog-3050237177257948311.post-7201729427842874072013-09-20T07:16:00.003+02:002013-09-20T07:16:53.592+02:00Inicio del cursoLa tercera edición de iDESWEB comienza el lunes 23 de septiembre de 2013.<br />
<br />
El curso se desarrolla en la dirección <a href="http://ideswebcourse.appspot.com/">http://ideswebcourse.appspot.com/</a> <br />
<br />
El software empleado para la plataforma de aprendizaje es Google CourseBuilder y para acceder al curso es necesario utilizar una cuenta de Google.<br />
<br />
Al final del curso no obtendrás ningún tipo de certificación oficial, el contenido de este curso es el mismo que se imparte en un curso oficial, pero iDESWEB no es un curso oficial. Como alumno, el único objetivo que debes tener en este curso es aprender, el primer objetivo de cualquier alumno en cualquier curso.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com4tag:blogger.com,1999:blog-3050237177257948311.post-81823396928619856132013-09-19T23:30:00.000+02:002013-09-20T07:11:08.229+02:00¡Ya empezamos!Mensaje enviado para anunciar el inicio de la tercera edición del curso:<br />
<br />
Estimado alumno,
<br />
<br />
Por fin comienza la tercera edición de <a href="http://idesweb.es/">iDESWEB</a>.
El curso comienza el lunes 23 de septiembre de 2013. A lo largo de ese día
se activarán los materiales de la primera semana del curso.
<br />
<br />
Esta tercera edición del curso tendrá lugar en la siguiente dirección:
<br />
<a href="http://ideswebcourse.appspot.com/">http://ideswebcourse.appspot.com/</a>
<br />
<br />
Para acceder al curso tienes que utilizar una cuenta de Google.
<br />
<br />
El curso está organizado en 15 semanas. A partir de la segunda semana
comenzará la publicación del proyecto del curso, que es el elemento más importante
para lograr un aprendizaje significativo. El proyecto está dividido en 14 prácticas,
una por semana hasta la finalización del curso.
<br />
<br />
Respecto a las ediciones anteriores hemos añadido algunos vídeos nuevos.
Con el fin de ayudar a aquellos que hayan participado en alguna de las ediciones anteriores,
destacaremos los vídeos nuevos para que sean fáciles de localizar.
<br />
<br />
A lo largo de la próxima semana activaremos algunos módulos adicionales de la plataforma del curso,
como por ejemplo el foro de discusión.
<br />
<br />
Recuerda, cuantos más seamos, mucho mejor. Ayúdanos a difundir el curso.
<br />
<br />
Un saludo,<br />
el equipo de iDESWEB<br />
<br />
<hr />
<br />
(Si estás apuntado en <a href="http://idesweb.es/">idesweb.es</a> y no has recibido este correo, revisa tu carpeta de correo basura, quizás esté ahí)iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com0tag:blogger.com,1999:blog-3050237177257948311.post-77012344553629296982013-09-14T12:20:00.001+02:002013-09-14T12:20:28.738+02:00Nueva edición del cursoLa tercera edición del curso comenzará en breve (seguramente el viernes 20 de septiembre de 2013). Si estás apuntado en <a href="http://idesweb.es/">http://idesweb.es/</a> te avisaremos.<br />
<br />
¡Ayúdanos a difundir el curso, cuantos más seamos, mucho mejor!iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com1tag:blogger.com,1999:blog-3050237177257948311.post-33753312702768182702013-01-25T18:00:00.000+01:002013-01-25T18:04:13.807+01:00Algunas aclaraciones sobre el nuevo cursoAnte el inicio de la segunda edición de <a href="http://idesweb.es/">iDESWEB</a>
han surgido algunas dudas entre los alumnos que participaron en la primera edición.
En esta entrada del blog vamos a intentar resolverlas.<br />
<br />
El próximo <b>31 de enero de 2013</b> comenzará la segunda edición de <a href="http://idesweb.es/">iDESWEB</a>
y el curso se desarrollará en la plataforma
<a href="http://miriadax.net/">MiriadaX</a> (<a href="http://miriadax.net/">http://miriadax.net/</a>).
Para realizar el curso te tienes que registrar en <a href="http://miriadax.net/">MiriadaX</a>
para poder tener acceso a los materiales del curso conforme se vayan publicando.
<br />
<br />
<strong>¿Es este nuevo curso igual que el anterior?</strong>
<br />
<br />
Sí y no. En las bases del premio que convocaba MiriadaX se indicaba que los cursos
debían tener una duración máxima de 12 semanas. iDESWEB está planteado como un curso
de 15 semanas, ya que es en realidad una asignatura "real" que se imparte en la
Universidad de Alicante. Por tanto, ha sido necesario reorganizar un poco los contenidos:
<br />
<ul>
<li>Se ha eliminado el tema "Historia".</li>
<li>Se ha eliminado el tema "El desarrollo web", pero se conserva el tema de prototipado de una aplicación.</li>
<li>Se ha comprimido el tema "HTML" para que pase de 2 semanas a 1.</li>
<li>Se han eliminado las unidades "PHP: PDO, mysqli y adoDB" y "Frameworks de PHP".</li>
</ul>
<strong><br /></strong>
<strong>¿Me puedo/debo inscribir al curso en MiriadaX si ya lo comencé antes?</strong>
<br />
<br />
Puedes hacer lo que quieras. Como se comenta en la siguiente pregunta,
a partir del <b>14 de marzo de 2013</b> se empezará a publicar los materiales
que faltaban en <a href="http://idesweb.es/">iDESWEB</a>, por lo que podrás
continuar el curso tal como lo estabas haciendo.
<br />
<br />
Sin embargo, la realización del curso en MiriadaX ofrece algunas ventajas,
como la obtención de una certificación (mira la última pregunta).
<br />
<br />
<strong>¿Cuándo se publicarán los materiales que faltaban de iDESWEB?</strong>
<br />
<br />
Los materiales se publicarán al mismo tiempo en iDESWEB y en MiriadaX:
son los mismo materiales y se publican en repositorios en abierto
como el canal de <a href="http://www.youtube.com/user/idesweb/">iDESWEB en YouTube</a>
o el <a href="http://rua.ua.es/dspace/simple-search?query=iDESWEB&submit=Ir">Repositorio de la Universidad de Alicante</a>.
En concreto, como el curso se había parado al empezar la parte de PHP,
esos materiales se empezarán a publicar a partir de la <b>semana 7</b> del
curso en MiriadaX (si no hay un error en el cálculo, a partir del <b>14 de marzo de 2013</b>).
<br />
<br />
<strong>¿Se puede obtener algún tipo de certificación por realizar el curso en MiriadaX?</strong>
<br />
<br />
Sí, y esa es una de las muchas razones que nos llevaron a parar la primera edición del curso.
La mayoría de las consultas que realizaban los alumnos eran por este tema.
<br />
<br />
<a href="http://miriadax.net/blog/-/blogs/sobre-la-certificacion-y-reconocimiento-de-los-cursos">MiriadaX proporcionará una certificación</a>
al completar satisfactoriamente un curso. Sólo sabemos lo que pone en esa página,
no podemos decir más porque no sabemos más.
<br />
<br />
Si tienes alguna duda más, plantéala en los comentarios de esta entrada.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com27tag:blogger.com,1999:blog-3050237177257948311.post-27599303995311024382013-01-24T12:00:00.000+01:002013-01-25T17:30:28.063+01:00Comienza el 31 de eneroEl próximo 31 de enero de 2013 comenzará la segunda edición de iDESWEB.
Como te informamos en un correo anterior, el curso se desarrollará en la plataforma
<a href="http://miriadax.net/">MiriadaX</a> (<a href="http://miriadax.net/">http://miriadax.net/</a>).
Ya te puedes registrar en <a href="http://miriadax.net/">MiriadaX</a>
para poder tener acceso a los materiales del curso conforme se vayan publicando.<br />
<br />
Por otro lado, desde la Universidad de Alicante estamos desarrollando un estudio que tiene
como objetivo identificar el grado de bienestar y/o malestar emocional de los estudiantes
en los cursos en línea como iDESWEB. Te solicitamos tu ayuda para que rellenes el siguiente
cuestionario, que es anónimo y sólo te llevará 2 minutos:
<br />
<br />
<a href="https://docs.google.com/spreadsheet/viewform?fromEmail=true&formkey=dEpFV0NQUTRUR19jZkNMVUhWWC14ZlE6MQ">https://docs.google.com/spreadsheet/viewform?fromEmail=true&formkey=dEpFV0NQUTRUR19jZkNMVUhWWC14ZlE6MQ</a>
<br />
<br />
Recuerda, no te olvides de apuntarte al curso iDESWEB en <a href="http://miriadax.net/">MiriadaX</a>
y ayúdanos a difundir el curso.<br />
<br />
<b>¡Cuántos más seamos, mejor!
</b>iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com3tag:blogger.com,1999:blog-3050237177257948311.post-52760138811210561872013-01-03T17:00:00.000+01:002013-01-03T18:12:01.501+01:00Ya queda menos para que comience la segunda ediciónYa queda menos para que comience la segunda edición de <a href="http://idesweb.es/">iDESWEB</a>, esta vez completa hasta la última semana. Nos han comunicado que en breve se abrirá la plataforma para que los alumnos se puedan inscribir. En cuanto esté abierta, te avisaremos.<br />
<br />
Si no lo has visto todavía, te recuerdo el vídeo de presentación de <a href="http://www.youtube.com/watch?v=00ABGMuEv1k">iDESWEB - MiriadaX</a>, la segunda edición del curso.<br />
<br />
En iDESWEB seguimos trabajando, seguimos preparando vídeos. Durante estas últimas semanas hemos publicado muchos vídeos nuevos en el <a href="http://www.youtube.com/user/idesweb">canal en YouTube de iDESWEB</a>, pero todavía no están abiertos. Uno de estos vídeos es <a href="http://www.youtube.com/watch?v=zZhb7UCNINU">¿Hasta cuándo tengo que soportar un navegador web?</a>.<br />
<br />
<b>¿Cuál es tu opinión? ¿Hasta cuándo crees que hay que soportar un navegador web? Déjanos un comentario con tu respuesta.</b><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/zZhb7UCNINU" width="560"></iframe>
<br />
<br />
Transcripción del vídeo:<br />
<br />
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo voy a intentar responder a la siguiente pregunta: ¿hasta cuándo es necesario dar soporte a un navegador web?<br />
<br />
Antes de empezar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.<br />
<br />
Una pregunta que se hacen muchos desarrolladores web es ¿hasta cuándo tengo que dar soporte en mi sitio web a cierta versión de un navegador web? O más concretamente, por poner un ejemplo concreto sin ningún tipo de malicia, ¿hasta cuándo tengo que hacer que mi sitio web sea compatible con Internet Explorer 6, 7, 8 o 9?<br />
<br />
La respuesta a esta pregunta depende de si estamos hablando de Internet o de una intranet.<br />
<br />
Vamos a empezar por lo más fácil, por la intranet.<br />
<br />
Una intranet es un entorno controlado en el que se puede saber qué navegadores usan los usuarios o incluso se puede obligar a los usuarios a que usen un navegador concreto.<br />
<br />
En una intranet, usar un navegador u otro es una decisión que se puede comparar a la decisión de usar un sistema operativo u otro.<br />
<br />
Sin embargo, en Internet la cosa cambia, y bastante.<br />
<br />
En Internet existen millones de usuarios, cada uno “de su padre y de su madre”, con su sistema operativo, su navegador, su resolución de pantalla, etc. En Internet no existe el usuario medio, cada usuario es único. Entonces, ¿hasta cuándo tengo que hacer que mi sitio web sea compatible con un navegador concreto?<br />
<br />
¿Hasta que ya no haya más usuarios que utilicen ese navegador?<br />
<br />
Antes de plantear una respuesta vamos a recordar la famosa ”Guerra de los navegadores”.<br />
<br />
La guerra de los navegadores es el nombre popular dado a la competencia entre los navegadores web por el dominio del mercado.<br />
<br />
Este término se empezó a emplear a mediados de los años 90 para referirse a la lucha entre Microsoft, con su navegador Internet Explorer, y Netscape, con Netscape Navigator, por la dominación del mercado de navegadores web.<br />
<br />
Esta guerra duró menos de 5 años y acabó con Internet Explorer como vencedor indiscutible a finales de los años 90. En el año 2003, el navegador de Netscape, que había dominado el mercado unos años antes, prácticamente había desaparecido.<br />
<br />
Pero esa no fue la única guerra de los navegadores, después ha habido más guerras, primero con Mozilla Firefox y últimamente con Google Chrome, que a mediados del año 2012 superó a Microsoft Internet Explorer como navegador con mayor cuota de mercado, posición que había ostentado por más de ¡12 años! En informática, ser el primero en algo por más de 12 años tiene mucho mérito.<br />
<br />
¿Qué podemos aprender de todo esto?<br />
<br />
Muy sencillo, el navegador más usado puede dejar de serlo en pocos años, o incluso, puede llegar a desaparecer.<br />
<br />
Por tanto, el hacer un sitio web para un navegador específico es una completa estupidez.<br />
<br />
La mejor forma de asegurarse de que un sitio web funcione correctamente con los navegadores web actuales y futuros es empleando los estándares web.<br />
<br />
Desgraciadamente, a veces los navegadores no son todo lo buenos que deberían ser, tienen fallos o directamente incumplen los estándares, así que, a veces hay que hacer trucos o hacks para que un sitio web se muestre correctamente en algunos navegadores y, por tanto, volviendo a la pregunta de este vídeo, ¿hasta cuándo tengo que hacer que mi sitio web sea compatible con un navegador concreto? Es decir, ¿hasta cuándo tengo que seguir haciendo esos hacks o trucos?<br />
<br />
La respuesta más concreta a esta pregunta la encontré en el libro ”Priorizando la usabilidad web”, de Jakob Nielsen y Hoa Loranger.<br />
<br />
En la página 95 podemos leer<br />
<br />
Nuestra recomendación general es que hay que esperar entre cinco y seis años a partir del lanzamiento de una nueva versión del navegador antes de dejar de preocuparse por la anterior. Por ejemplo, IE 5 fue lanzado en 1999, por lo que podías ignorar con seguridad la versión 4 en 2004. IE 6 fue lanzado en 2001, por lo que probablemente podrás empezar a ignorar IE 5 en 2007. IE 7 se introdujo en 2006, por lo que probablemente lo tendrás que soportar hasta 2012. (La regla de los cinco a seis años, es útil para la planificación a largo plazo: en realidad, para tomar la decisión de dejar de soportar un navegador, mejor comprueba los registros del servidor para ver qué porcentaje de tus clientes actuales emplea esa versión.)<br />
<br />
Para mí, la parte más interesante de esta afirmación es el último párrafo:<br />
<br />
La regla de los cinco a seis años, es útil para la planificación a largo plazo: en realidad, para tomar la decisión de dejar de soportar un navegador, mejor comprueba los registros del servidor para ver qué porcentaje de tus clientes actuales emplea esa versión.<br />
<br />
Por ejemplo, si yo compruebo los registros de acceso a uno de mis sitios web descubro que la mayoría de mis usuarios utilizan Google Chrome o Mozilla Firefox, mientras que Microsoft Internet Explorer se encuentra en la cuarta posición con un escaso 8%.<br />
<br />
¿Sería correcto desarrollar mi sitio web sin tener en cuenta a los usuarios que utilicen Microsoft Internet Explorer?<br />
<br />
No debería hacer eso, porque las estadísticas también muestran que los hábitos de uso de las personas no son los mismos de lunes a viernes que los fines de semana.<br />
<br />
Muchos usuarios utilizan Microsoft Internet Explorer de lunes a viernes porque acceden desde su puesto de trabajo y están obligados a ello, pero los fines de semana utilizan otro navegador porque tienen libertad para ello en casa.<br />
<br />
Por tanto, si desprecio a ciertos usuarios que utilizan Microsoft Internet Explorer, quizás esté perdiendo a más usuarios de los que piense.<br />
<br />
Sin embargo, un sitio web no se puede desarrollar teniendo en cuenta todas las posibles versiones existentes de un navegador web. Y más cuando se sabe que ciertas versiones fueron realmente malas.<br />
<br />
Además, soportar navegadores antiguos te puede impedir hacer uso de las nuevas tecnologías.<br />
<br />
Los usuarios deben ser responsables y deben de dejar de usar ciertos navegadores web que no ayudan al desarrollo de la Web.<br />
<br />
Por ejemplo, en el caso de Microsoft Internet Explorer 6, un navegador web bastante malo, la propia Microsoft lanzó en el año 2011 la campaña “The Internet Explorer 6 Countdown” para animar a los usuarios a dejar de usarlo.<br />
<br />
Como conclusión, tres consejos:<br />
<br />
A la hora de decidir hasta cuándo se tiene que soportar un navegador web, se tiene que distinguir claramente entre entorno Internet e intranet. El entorno extranet lo incluyo en Internet, ya que en principio no tenemos el mismo nivel de control que podemos tener en una intranet.<br />
<br />
El principal elemento que te puede ayudar a decidir hasta cuándo soportar un navegador es el registro de accesos a tu sitio web. Con el registro puedes averiguar qué navegadores usan tus usuarios y puedes decidir si te interesa o no te interesa seguir soportando un navegador concreto.<br />
<br />
Y por último, ánima a tus usuarios a actualizar sus navegadores web. Ellos ganarán y todos ganaremos. Y además, ¡es gratis!<br />
<br />
Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.<br />
<br />
Muchas gracias por tu atención.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com10tag:blogger.com,1999:blog-3050237177257948311.post-60596134711517521552012-12-22T14:00:00.000+01:002012-12-23T18:29:12.503+01:00Vídeo promocional de la nueva edición de iDESWEBYa he publicado el vídeo promocional de la nueva edición de <a href="http://idesweb.es/">iDESWEB</a>, que comenzará el próximo 31 de enero de 2013 y se desarrollará en la plataforma de cursos <a href="http://miriadax.net/">MiriadaX</a>.<br />
<br />
<a href="http://www.youtube.com/watch?v=00ABGMuEv1k">Vídeo iDESWEB - MiriadaX</a>:<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/00ABGMuEv1k?rel=0" width="560"></iframe>
<br />
<br />
Transcripción del vídeo:<br />
<br />
Hola.<br />
<br />
¿Cuántas personas crees que caben en esta sala? ¿Cuántos alumnos podría yo tener aquí simultáneamente?<br />
<br />
¿100, 200, 300 alumnos a la vez?<br />
<br />
Gracias a las nuevas tecnologías, principalmente gracias a Internet, hoy se puede dar clase a través de Internet, de forma remota, a distancia, con una gran calidad, principalmente gracias al uso del vídeo online.<br />
<br />
Debido a ello, en los últimos años ha surgido un nuevo tipo de cursos, los llamados cursos MOOC, "Massive Open Online Course", en español, "cursos abiertos en línea a gran escala".<br />
<br />
Estos cursos se caracterizan principalmente porque participan en ellos miles y miles de personas distribuidas de forma geográfica a lo largo de todo el mundo.<br />
<br />
Te invito a ser parte de nuestro curso iDESWEB, Introducción al desarrollo web, un curso de tipo MOOC que hemos organizado para enseñar a la gente a programar, a desarrollar aplicaciones web.<br />
Este curso lo hemos estructurado en dos partes. Por un lado, aprenderemos las tecnologías de programación del lado cliente de las aplicaciones web, y por otro lado aprenderemos las tecnologías de programación del lado del servidor.<br />
<br />
Respecto del lado del cliente, aprenderemos las tecnologías que son consideradas hoy en día como el estándar de desarrollo web. En concreto, aprenderemos HTML, el lenguaje que se emplea para estructurar las páginas web; aprenderemos CSS, el lenguaje que se emplea para definir la presentación de las páginas web; aprenderemos JavaScript, el lenguaje de programación que se emplea para programar las páginas web en el lado del cliente, y aprenderemos el DOM, el modelo de objetos de documento que se emplea como puente entre JavaScript y HTML y CSS.<br />
<br />
Por otro lado, del lado del servidor, en este curso aprenderemos la tecnología PHP, una de las tecnologías más populares hoy en día para el desarrollo de aplicaciones web. Con las tecnologías del lado del cliente y las tecnologías del lado del servidor, trabajando ambas en conjunto, con ellas serás capaz de desarrollar aplicaciones web modernas.<br />
<br />
Además de estas tecnologías, también aprenderás conceptos importantes hoy en día, como son diseño, usabilidad o accesibilidad de las aplicaciones web.<br />
<br />
Este curso lo hemos estructurado en 12 semanas, y poco a poco iremos introduciendo todos estos conceptos. Al final del curso, tendrás los conocimientos mínimos para poder continuar aprendiendo por ti mismo, ya que hay mucho que aprender.<br />
<br />
No te engaño, en 12 semanas, las 12 semanas que va a durar este curso no podemos hacer milagros, no vas a acabar siendo un profesional del desarrollo web, pero sí que tendrás la base para seguir aprendiendo por ti mismo.<br />
<br />
Como coordinador del curso iDESWEB te invito a que te apuntes y a que participes en esta aventura.<br />
<br />
¡Muchas gracias!<br />
<br />
Hola de nuevo. Antes se me ha olvidado presentarme… soy Sergio Luján Mora, profesor de informática en la Universidad de Alicante y coordinador del curso iDESWEB, Introducción al desarrollo web.<br />
<br />
El objetivo de este curso es que aprendas los conceptos básicos del desarrollo de aplicaciones web y que al final seas capaz de crear tus propias aplicaciones web.<br />
<br />
El curso tiene una duración de 12 semanas y lo hemos estructurado en 12 módulos.<br />
<br />
Comenzamos el 31 de enero de 2013 en la plataforma de cursos miriadaX.<br />
<br />
Espero que tengas muchas ganas de aprender. Apúntate y aprende, espero verte en el curso.<br />
En la página web del curso idesweb.es podrás encontrar más información. Apúntate ya para que te podamos informar por correo electrónico de todas las novedades que se produzcan.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com2tag:blogger.com,1999:blog-3050237177257948311.post-75757646174894392672012-12-14T08:35:00.000+01:002012-12-14T08:35:01.053+01:00¿Qué ha pasado con el curso?Si estás siguiendo el curso te habrás preguntado qué ha pasado con el curso... ¡ya no publican más vídeos!
No, estamos publicando más vídeos, pero no se pueden ver.
<br />
<br />
La razón es muy sencilla: vamos a presentar el curso a un premio que se ha convocado al mejor MOOC.
En la convocatoria del premio se establece que el MOOC debe ser inédito,
y por eso hemos tenido que detener la publicación de vídeos. El MOOC que vamos a presentar lo vamos
a centrar en la programación de la parte servidor de las aplicaciones web, justo la parte que no
se ha publicado. Este MOOC debe comenzar a principios de <strong>febrero de 2013</strong>,
que coincide con la fecha que se había anunciado para la segunda edición de iDESWEB.
<br />
<br />
Durante las últimas semanas he consultado a los distintos profesores su opinión sobre la presentación
de una candidatura a este premio. Además, mi universidad debe mostrar su apoyo y conformidad para ello,
así que antes de poderlo anunciar públicamente tenía que consultarlo con varias personas. Esta ha sido
la razón de que no te lo pudiera comunicar hasta que no estuviese todo aclarado.
<br />
<br />
En la convocatoria del premio se establece que hay que utilizar una plataforma educativa que se proporciona.
Todavía no tengo acceso a la misma, así que no conozco que características nos ofrece.
<br />
<br />
Por tanto, el curso va a sufrir un pequeño parón hasta febrero de 2013. Me volveré a poner en contacto
contigo para anunciarte que ya te puedes unir a la plataforma educativa que vamos a utilizar.
Hasta entonces, si eres uno más de los alumnos que van rezagados y que no han podido mantener el ritmo
de publicación de vídeos (me consta que hay muchos alumnos en esta situación), te recomiendo
que utilices este parón para ponerte al día en los contenidos del curso.
<br />
<br />
Por otro lado, de cara a mejorar el curso, hemos preparado
<a href="https://docs.google.com/spreadsheet/viewform?formkey=dDVUSFJ4YTQweXRqWHVlT3RhSUpOZ3c6MQ">un encuesta de calidad</a>
para recoger tu opinión personal sobre el curso. En esta encuesta tienes que valorar el curso en general, y además,
tres vídeos que hemos publicado, tres vídeos que son de diferentes tipos. El objetivo de ello es detectar el tipo de vídeo
que más gusta a la gente.
<br />
<br />
De los tres vídeos que debes valorar, hay uno que no es público, pero puedes acceder a él a través de los siguientes enlaces:
<br />
<ul>
<li><a href="http://youtu.be/bVT6tQWtxxE">Introducción a la tipografía web (parte 1)</a></li>
<li><a href="http://youtu.be/PcT5ikNimi8">Introducción a la tipografía web (parte 2)</a></li>
</ul>
Sabemos que el vídeo anterior tiene errores (calidad del sonido, poca iluminación, no hay ajuste de la temperatura del color),
pero recuerda que este curso lo estamos haciendo sin medios, sin contar con profesionales, completamente amateur.
<br />
<br />
La encuesta estará abierta hasta el 15 de enero de 2013. Esperamos que puedas contestarla, ya que tus respuestas nos ayudarán
a mejorar el curso.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com5tag:blogger.com,1999:blog-3050237177257948311.post-38983235020993105082012-11-16T19:00:00.000+01:002012-11-16T20:00:01.413+01:00Presentación de los contenidos de la semana 8/9Ya está publicado el <a href="http://www.youtube.com/watch?v=8rnB7y8eeZ8">vídeo de presentación de los contenidos de la semana 8</a> del curso.
Si consultas el calendario del curso verás que aparece como semana 9, porque en esta primera edición del curso hemos tenido que hacer
un pequeño paréntesis, como te expliqué en un correo anterior.
<br />
<br />
Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado,
lo puedes hacer a través del <a href="http://idesweb.es/calendario">calendario del curso</a>.
Por otro lado, tienes <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkCVoFWaTYGktXff2ns5fctj">todos los vídeos de la semana 8</a>
organizados en una lista de reproducción en YouTube.
<br />
<br />
Esta es la última semana del curso que se dedica a la programación del lado del cliente de las aplicaciones web.
La próxima semana comenzaremos con la programación del lado del servidor, la programación con PHP.
<br />
<br />
Entre los temas que tienes que estudiar esta semana en este curso está la <strong>accesibilidad web</strong>,
un tema muy importante por diversas razones.
Esta semana se ha presentado el nuevo sitio web del <a href="http://www.senado.es/">Senado de España</a>,
sitio web que he analizado y criticado varias veces durante los dos últimos años.
En mi blog sobre accesibilidad web puedes encontrar
<a href="http://accesibilidadenlaweb.blogspot.com.es/search/label/Senado">varias entradas dedicadas a la accesibilidad de la página web del Senado de España</a>.
El nuevo sitio web sigue presentando problemas de accesibilidad y por ello he preparado un
<a href="http://www.youtube.com/watch?v=IgrE4cj5YvI">vídeo anexo a la presentación de la semana 8</a>
en el que explico algunos de los problemas que he detectado.
<br />
<br />
Por último, ya tienes publicada la <a href="http://idesweb.es/proyecto/proyecto-prac07-js-cookies-dom">séptima práctica</a>
del curso que está dedicada al manejo de cookies con JavaScript y a la manipulación de las páginas web
con el DOM, el Modelo de Objetos de Documento.
<br />
<br />
<b>Presentación de la semana 8:</b><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/8rnB7y8eeZ8" width="560"></iframe>
<b><br /></b>
<b>Vídeo anexo a la presentación de la semana 8:</b><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/IgrE4cj5YvI" width="560"></iframe>iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com1tag:blogger.com,1999:blog-3050237177257948311.post-66356510711927398602012-11-13T13:20:00.000+01:002012-11-16T19:56:21.123+01:00Depuración de erroresLos vídeos de la semana pasada (la semana 7) todavía no están publicados.
Faltan unos vídeos sobre expresiones regulares en general y sobre el DOM, que se publicarán a lo largo de la próxima semana.
En su lugar, he preferido preparar
unos <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkBzM87VyPUTwr_ThnGeDMVh">vídeos sobre depuración de errores en JavaScript</a>,
que inicialmente no estaban previstos, pero que creo que te pueden resultar mucho más interesantes y te pueden ayudar mucho más
a realizar el proyecto de este curso.
<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/videoseries?list=PLfYLq8pbpMkBzM87VyPUTwr_ThnGeDMVh&hl=es_ES" width="560"></iframe>
<br />
La depuración de errores es una tarea difícil y aburrida, que no suele gustar a los programadores.
Sin embargo, hacer un programa sin errores es prácticamente imposible. Además, un programa no es algo estático,
sino que normalmente está en cambio contínuo, y esos cambios son una fuente constante de errores.
Por tanto, hay que aprender a depurar para detectar y corregir los errores.
<br />
<br />
La breve historia de la informática está plagada de casos famosos de software con errores,
algunas veces "errores tontos", que ha causado pérdidas millonarias o incluso la pérdida de vidas humanas.
<br />
<br />
Ya casi están publicados todos los vídeos de esta semana (la semana 8), pero enviaré el mensaje de presentación de los contenidos de esta semana este jueves.
Pero si quieres, ya puedes acceder a la <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkCVoFWaTYGktXff2ns5fctj">lista de reproducción de los vídeos de la semana 8</a>.
<br />
<br />
Por otro lado, te recuerdo que la semana pasada se inició un nuevo curso MOOC sobre XML:
<a href="http://www.ixml.es/">iXML</a>.iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com1tag:blogger.com,1999:blog-3050237177257948311.post-70140362141513558692012-11-05T20:00:00.000+01:002012-11-16T19:56:35.347+01:00Nuevo curso iXMLEs un placer comunicarte que ya tenemos en marcha el nuevo curso MOOC sobre XML:
<a href="http://www.ixml.es/">iXML</a>.
<br />
<br />
La primera unidad con sus correspondientes vídeos se abrirá este miércoles 7 de noviembre de 2012.
A partir de entonces, cada semana se abrirá una nueva unidad (la segunda semana se compone
de dos unidades).
<br />
<br />
El curso está estructurado en cuatro semanas, pero tendrás de tiempo hasta el 31 de diciembre de 2012
para realizar todas las actividades y evaluaciones que vamos a proponer.
<br />
<br />
En este curso tenemos previsto incorporar algunas novedades, como la certificación informal
mediante badges y un foro para mejorar el proceso de aprendizaje.
Ambas características están en desarrollo y esperamos tenerlas en funcionamiento en una semana.
<br />
<br />
Debido a la preparación de este nuevo MOOC, los vídeos de iDESWEB volverán a sufrir un retraso
y se publicarán a lo largo de esta semana.
La <a href="http://idesweb.es/proyecto/proyecto-prac06-js-expresiones-regulares-dom">práctica de esta semana sobre expresiones regulares y el DOM</a>
ya se puede consultar desde hace días.
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com0tag:blogger.com,1999:blog-3050237177257948311.post-72722814837483152112012-10-31T23:00:00.000+01:002012-11-01T21:46:19.636+01:00Presentación de los contenidos de la semana 6/7Ya está publicado el <a href="http://www.youtube.com/watch?v=jdrF9kOZgeQ">vídeo de presentación de los contenidos de la semana 6</a> del curso.
Si consultas el calendario del curso verás que aparece como semana 7, porque en esta primera edición del curso hemos tenido que hacer
un pequeño paréntesis, como te expliqué en un correo anterior.
<br />
<br />
Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado,
lo puedes hacer a través del <a href="http://idesweb.es/calendario">calendario del curso</a>.
Por otro lado, tienes <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkDK0GXLok928mUy9LDCrzqO">todos los vídeos de la semana 6</a>
organizados en una lista de reproducción en YouTube.
<br />
<br />
Esta semana comienza la programación web de verdad, ya que empezamos con el lenguaje de programación JavaScript.
<br />
<br />
Esta semana también probamos algo nuevo: preguntas insertadas en un vídeo. En concreto,
el <a href="http://youtu.be/iXf90OstEK4">vídeo sobre historia de JavaScript</a>
y el <a href="http://www.youtube.com/watch?v=l0qtxXx6k6A">vídeo sobre el objeto Number</a>
tienen preguntas insertadas. ¿Qué opinas? ¿Crees que es interesante?
Deja un comentario con tu opinión en cualquiera de los dos vídeos.
<br />
<br />
Por último, ya tienes publicada la <a href="http://idesweb.es/proyecto/proyecto-prac05-js-validacion">quinta práctica</a>
del curso que está dedicada a la validación de formularios con JavaScript.
Estaba planeado publicar un vídeo explicando la validación de formularios, pero no ha dado tiempo.
No es un problema, porque en la práctica está muy bien explicado cómo acceder a los controles (campos) de un formulario.
<br />
<br />
Os íbamos a plantear una pregunta, pero como "se ha caído" todo Google (YouTube, GMail, AppEngine, Blogger)
no es posible acceder al blog del curso. La próxima vez será...
<br />
<br />
Suerte con la práctica, la programación con JavaScript puede llegar a enfadar al más experto programador.
<br />
<br />
<strong>Presentación de la semana 6:</strong><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/jdrF9kOZgeQ" width="560"></iframe><br />iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com3tag:blogger.com,1999:blog-3050237177257948311.post-79946125835448143252012-10-23T10:30:00.000+02:002012-10-23T10:31:01.580+02:00Ajuste del cursoEstimado alumno,<br />
<br />
Este correo lo escribo en mi nombre y no en nombre del equipo de iDESWEB,
ya que como coordinador soy el responsable último del curso.
O como dice el refrán, <q>la victoria tiene muchas madres y la derrota es huérfana</q>.<br />
<br />
La última semana los materiales del curso no se han publicado a un ritmo adecuado.
Se han juntado varias cosas: por una lado, los materiales no han llegado a tiempo,
o incluso algunos no han llegado; por otro, yo me he embarcado en otro proyecto,
y el plan que tenía para realizar aquellos materiales que no hiciesen otras personas
no lo he podido cumplir en su totalidad.<br />
<br />
Respecto a lo primero, en breve os avisaré del nuevo proyecto,
ya que os puede interesar: tres nuevos MOOCs, con certificación digital, no oficial, pero al menos
podréis demostrar que habéis realizado el curso.
Es muy probable que alguno de estos cursos os pueda interesar. Ya os avisaré.<br />
<br />
Respecto a lo segundo, la semana pasada he estado muy ocupado preparando unos vídeos que creo que os gustarán.
Por un lado, un vídeo en el que muestro un centro de datos (<em>data center</em>) por dentro,
algo que no podemos ver todos los días. El miércoles 17 de octubre, justo el día que yo estaba
grabando el vídeo, Google publicó
<a href="http://blogs.ua.es/pi/2012/10/22/los-centros-de-datos-de-google/">un sitio web y unos vídeos en los que muestra sus centros de datos</a>.
Os lo recomiendo, pero no esperéis que todos los centros de datos sean así: Google es Google.<br />
<br />
Por otro lado, un vídeo con unas indicaciones básicas sobre diseño y tipografía digital.
Ambos vídeos están ahora mismo en fase de preparación de materiales adicionales, edición y montaje,
y tardarán algunas semanas en ser publicados. Ya os avisaré.<br />
<br />
Para compensar este retraso en el curso, y para contentar a algunos que me lo han pedido,
he preparado unos <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkDvSzBdLa7BptipWp0_Q7NO">vídeos sobre diseño adaptable o adaptativo</a>
(<em>responsive design</em>). En principio, esto no estaba en la lista de materiales prioritarios, pero ahí lo tenéis.
Aviso: los diseñadores y desarrolladores llevan más de 10 años haciendo sitios web sin el diseño adaptativo, así que no obsesionaros con él.
Y para los que estáis empezando en el desarrollo web, no empecéis la casa por el tejado, posponed el diseño adaptable para más adelante.<br />
<br />
Los <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkB7d8eEMl8YSkJohvpRFT03">vídeos de la semana 5</a>
del curso ya están publicados en su totalidad, a falta de alguno más que pueda llegar en los próximos días.
Y también están completas las páginas en el sitio web.<br />
<br />
Y ahora la parte mala: esta semana va a ser de transición, debido al retraso acumulado.
El tema de JavaScript comenzará el próximo lunes 29 de octubre (en breve cambiaré el calendario del curso).
Debido a ello, la última semana del curso se tiene que distribuir en las semanas anteriores,
ya que el curso debe acabar antes de final de año.<br />
<br />
Este reajuste no lo considero muy perjudicial. Además, creo que será beneficioso para muchos alumnos,
ya que algunos me han comentado que no pueden seguir el ritmo del curso o incluso se han visto obligados a abandonarlo.
Esta semana de transición creo que puede ayudar a muchos alumnos a ponerse "al día", al igual que a los profesores.<br />
<br />
No os preocupéis, el curso "no está en peligro" y cumpliré mi compromiso con él.
El compartir con todos vosotros esta nueva forma de educación y aprovechar
al máximo las tecnologías actuales es un elemento muy motivador para continuar.<br />
<br />
Por último, el formulario para apuntarse al curso sigue abierto, pero para la segunda edición,
que si no pasa nada, comenzará en febrero.<br />
<br />
Un saludo,<br />
Sergio Luján Mora,<br />
coordinador del curso iDESWEBiDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com5tag:blogger.com,1999:blog-3050237177257948311.post-54783696741852096762012-10-16T20:00:00.000+02:002012-10-16T20:03:03.144+02:00Presentación de la semana 5Ya está publicado el <a href="http://youtu.be/-o2XUZ_XTSI">vídeo de presentación de los contenidos de la semana 5</a> del curso.
<br />
<br />
Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado,
lo puedes hacer a través del <a href="http://idesweb.es/calendario">calendario del curso</a>.
Por otro lado, tienes <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkB7d8eEMl8YSkJohvpRFT03">todos los vídeos de la semana 5</a>
organizados en una lista de reproducción en YouTube.
<br />
<br />
Esta semana hemos sufrido un pequeño retraso, y ahora mismo tampoco están todos los vídeos que teníamos pensado
como mínimo para esta semana. Para cada semana, tenemos una lista de vídeos que consideramos que, como mínimo,
debemos tener hechos. A lo largo de los próximos días se publicarán algunos de los que faltan,
aunque puede ser que alguno tarde varias semanas. Ya os avisaremos cuando estén publicados.
<br />
<br />
Esta semana se compone de tres partes. Hemos preparado unos vídeos que consideramos
que son "CSS avanzado" en el sentido de que van más allá de lo que se suele explicar en un curso normal sobre CSS.
<br />
<br />
También hemos preparado unos vídeos sobre las nuevas características de CSS3.
Igual que ocurre con HTML5, hay que llevar mucho cuidado con el uso de las nuevas características,
ya que muchas requieren el uso de la última versión de los navegadores.
Nuestro consejo: en caso de duda, mejor no usar una característica nueva.
<br />
<br />
Finalmente, hemos preparado unos vídeos sobre frameworks de CSS, en concreto,
un <a href="http://youtu.be/X9ELZ2sqLuA">vídeo sobre el framework 960.gs</a>,
que además también explica lo que es el diseño basado en rejilla,
y un <a href="http://youtu.be/wQMCEOJsC08">vídeo sobre el framework Bootstrap</a>,
que es el usado por Twitter.
<br />
<br />
Recuerda que además de ver los vídeos que hemos preparado,
debes consultar los vídeos y lecturas que te recomendamos.
<br />
<br />
Por último, ya tienes publicada la <a href="http://idesweb.es/proyecto/proyecto-prac04-css-maquetacion">cuarta práctica</a>
del curso que está dedicada a CSS.
En esta práctica debes desarrollar un CSS alternativo para las páginas de tu aplicación web
(en realidad, puedes hacer todos los que quieras, cuantos más hagas, más aprenderás).
En este CSS ya sí que tienes que incluir la maquetación de la página.
Además, también debes realizar un CSS alternativo optimizado para la impresión de la página.
<br />
<br />
Y ahora, una pregunta, para que la contestes en los comentarios de esta entrada:
<strong>¿por qué hemos separado la realización del CSS es dos prácticas?, ¿por qué es interesante
desarrollar por un lado la parte del CSS relacionada con los colores, tipografía, bordes, etc.,
y por otro lado la parte relacionada con la maquetación?</strong>
<br />
<strong><br /></strong>
<strong>Presentación de la semana 5:</strong><br />
<strong><br /></strong>
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/-o2XUZ_XTSI?rel=0" width="560"></iframe>iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com12tag:blogger.com,1999:blog-3050237177257948311.post-47747072580723758872012-10-08T22:00:00.000+02:002012-10-16T20:03:11.676+02:00Presentación de la semana 4Ya está publicado el <a href="http://youtu.be/5Ac0u5t46QU">vídeo de presentación de los contenidos de la semana 4</a> del curso.<br />
<br />
Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado,
lo puedes hacer a través del <a href="http://idesweb.es/calendario">calendario del curso</a>.
Por otro lado, tienes <a href="http://www.youtube.com/playlist?list=PLfYLq8pbpMkCprhkq8sXDzgoBtjvlBlQP">todos los vídeos de la semana 4</a>
organizados en una lista de reproducción en YouTube
(<em>en el momento de enviar este correo se están subiendo algunos vídeos a YouTube</em>).<br />
<br />
Esta semana el curso se pone muy, muy interesante, porque empezamos a trabajar con una nueva tecnología,
CSS, Cascading Style Sheets, las hojas de estilo en cascada.
CSS se emplea para definir la presentación de una página HTML. CSS también se emplea para la presentación
de un documento XML, pero eso se explicará en otro curso que estamos preparando sobre XML...<br />
<br />
El World Wide Web Consortium (W3C) es el encargado de desarrollar <a href="http://www.w3.org/Style/CSS/">CSS</a>,
y al igual que ofrece el <a href="http://validator.w3.org/">validador de HTML</a>,
también ofrece un <a href="http://jigsaw.w3.org/css-validator/">validador de CSS</a>.<br />
<br />
Otros vídeos que hemos preparado para esta semana son los de alojamiento (hosting),
propiedad intelectual y usabilidad.<br />
<br />
Por último, hemos preparado otro vídeo sobre el juego de caracteres,
<a href="http://youtu.be/erNmaW-_tNM">HTML: ¿migrar a un nuevo juego de caracteres?</a>,
que lo hemos añadido a la semana 3 del curso, con el resto de vídeos dedicados
al juego de caracteres.<br />
<br />
Recuerda que además de ver los vídeos que hemos preparado,
debes consultar los vídeos y lecturas que te recomendamos.<br />
<br />
Por último, ya tienes publicada la <a href="http://idesweb.es/proyecto/proyecto-prac03-css-estilos-basicos">tercera práctica</a>
del curso que está dedicada a CSS.
En esta práctica debes desarrollar un CSS para las páginas de tu aplicación web que hiciste en la práctica anterior.
Muy importante: en esta práctica te debes centrar en el aspecto visual (colores, tipos de letra, tamaños, bordes, márgenes),
pero la maquetación (<em>layout</em>) la plantearemos en la siguiente práctica de CSS.
<br />
<br />
<strong>Presentación de la semana 4:</strong><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/5Ac0u5t46QU?rel=0" width="560"></iframe><br />iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com2tag:blogger.com,1999:blog-3050237177257948311.post-4603524417970411892012-10-05T09:00:00.000+02:002012-10-05T09:00:05.837+02:00Desarrollar un buen sitio web no depende sólo del HTML que se sepaCuando ya se sabe, escribir no es difícil: simplemente hay que saber juntar las letras
en combinaciones válidas (las palabras), que a su vez se juntan en
combinaciones válidas más complejas (las frases), que a su vez se juntan en
combinaciones todavía más complejas (los textos).
Si estás leyendo este mensaje, es obvio que sabes leer y escribir.
Pero, ¿podrías escribir una novela que cautivase el interés
de millones de personas? <em>(vamos a obviar el hecho de que aunque escribas una novela
muy buena, luego no es fácil que te la publique una editorial importante si eres
un desconocido)</em><br />
<em></em><br />
Una cosa es saber escribir, y otra muy distinta es escribir un texto
que transmita "algo especial".<br />
<br />
Con las páginas web ocurre lo mismo. Todas las páginas web
se escriben con las mismas etiquetas y atributos de HTML.
Y sin embargo, hay páginas web que nos impactan y que recordamos,
mientras que hay muchas otras que pasan desapercibidas y que olvidamos rápidamente.<br />
<br />
¿Qué hace que un sitio web sea especial? Muchas cosas.<br />
<br />
Te recomiendo las siguientes infografías, sus consejos te ayudarán a crear sitios web especiales:<br />
<ul>
<li><a href="http://blog.kissmetrics.com/effective-homepage/">The Anatomy of an Effective Homepage</a>:
la página principal (<em>homepage</em>) es lo primero que van a encontrar muchos de los visitantes de tu sitio web.
Por tanto, se debe tener especial cuidado en su diseño y estructura. En esta infografía
se identifican ciertos elementos que ayudan a crear una página principal de calidad.
</li>
<li><a href="http://blog.kissmetrics.com/landing-page-blueprint/">The Blueprint for a Perfectly Testable Landing Page</a>:
la página de aterrizaje (<em>landing page</em>) es la página de un sitio web a la que llega
un visitante después de haber pulsado en un enlace de otro sitio web, normalmente en un anuncio
(<em>banner</em>), o desde los resultados de un buscador, ya que suele estar muy bien posicionada.
Esta página suele ser una extensión del anuncio desde el que se ha llegado,
por lo que está muy centrada en ofrecer un servicio o producto concreto.
En esta infografía se analizan los componentes principales que debe tener
una buena página de aterrizaje.
</li>
<li><a href="http://blog.kissmetrics.com/leave-a-website/">What Makes Someone Leave A Website?</a>:
un visitante ha llegado a tu sitio web, pero ahora tienes que retener su interés,
¿cómo se puede lograr? En esta infografía te explican lo que no debes hacer,
te explican los errores más típicos.
</li>
</ul>
<strong>¿Qué opinas de todo esto?
¿Conoces algún artículo con consejos para lograr que un sitio web triunfe?</strong><br />
<strong></strong><br />
Deja un comentario en esta entrada con tu opinión.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Y4zkTXSD4y-z3ezxttw74ydqle47-FIvshGOqybTwh2WYP4xpRfUiLK0NnYOU2hBErr6cLX4D6h84jTBDZQ0eDbgU7hr25sVwAghJgD14bCRRZvhXxfpEDNJKoQsow-v22z3FOvgAKE/s1600/effective-homepage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Y4zkTXSD4y-z3ezxttw74ydqle47-FIvshGOqybTwh2WYP4xpRfUiLK0NnYOU2hBErr6cLX4D6h84jTBDZQ0eDbgU7hr25sVwAghJgD14bCRRZvhXxfpEDNJKoQsow-v22z3FOvgAKE/s640/effective-homepage.png" width="147" /></a></div>
iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com21tag:blogger.com,1999:blog-3050237177257948311.post-23652566475613580092012-10-01T23:30:00.000+02:002012-10-03T12:54:43.909+02:00Presentación de la semana 3Ya está publicado el <a href="http://youtu.be/MixOVSR5z4M">vídeo de presentación de los contenidos de la semana 3</a> del curso.<br />
<br />
Recuerda que a los contenidos de cada semana del curso puedes acceder de diferentes formas. Por un lado,
lo puedes hacer a través del <a href="http://idesweb.es/calendario">calendario del curso</a>.
Por otro lado, tienes <a href="http://www.youtube.com/playlist?list=PL3B461456658DB334">todos los vídeos de la semana 3</a>
organizados en una lista de reproducción en YouTube.<br />
<br />
En esta semana empieza a complicarse el curso ligeramente.
Hemos preparado un <a href="http://www.youtube.com/watch?v=_MwDNB3jOx0">vídeo sobre el juego de caracteres</a>,
que suele causar pesadillas a muchos informáticos.
El juego de caracteres es un tema muy complejo, por lo que en el vídeo que hemos preparado
sólo nos hemos centrado en ofrecerte dos consejos básicos que te ayudarán a evitar
tener problemas.<br />
<br />
Por otro lado, en esta semana también hemos preparado unos vídeos
sobre la <a href="http://youtu.be/CHfYRVHKMtc">validación del código HTML</a> y sobre la <a href="http://youtu.be/RnzKl8OA5gQ">importancia de escribir código HTML</a>.
La validación es muy importante, te va a ayudar a lograr que tus páginas web
se visualicen correctamente con los navegadores actuales y los futuros.
Sin embargo, cuando empieces a aprender HTML "te puedes relajar" un poco
y no te debes "obsesionar" con la validación, pero en algún momento sí
que te debes obsesionar.
<br />
<br />
Recuerda que además de ver los vídeos que hemos preparado,
debes consultar los vídeos y lecturas que te recomendamos.
<br />
<br />
Por último, ya tienes publicada la <a href="http://idesweb.es/proyecto/proyecto-prac02-html-xhtml-xhtml5">segunda práctica del curso</a> que está dedicada al lenguaje HTML.
En esta práctica debes comenzar a implementar las primeras páginas de tu aplicación web.
Para ello, te deberías de basar en los diagramas que has realizado en la práctica anterior.
<br />
<br />
<strong>Presentación de la semana 3:</strong><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/MixOVSR5z4M?rel=0" width="560"></iframe><br />iDESWEBhttp://www.blogger.com/profile/18117900633558966770noreply@blogger.com7