Actualización de comentarios
Clasificación de sitios web.
- Por contenido
- Por diseño
- Por comportamiento
Actividad 2. Proponga una clasificación para sitios web y liste los criterios que deben cumplir para formar parte de dicha clasificación.
En ambos casos elabore un documento con formato pdf en la que agregue la dirección web del sitio y pantallas de la página principal y al menos dos páginas secundarias.
Tema 1.1 Tipos de sitios web.
- Clasificar las imágenes.
Terceras oportunidades
los 70's!!!
El trabajo consiste en elaborar una antología de los ejercicios, trabajos, tareas, materiales de la asignatura. Además de incluir lo que les entregué como información, tareas y ejercicios, deberán completar aquellos puntos en los que yo no proporcioné la información. El formato de entrega es un sitio web.
Entregarán un único sitio web con el material de la asignatura, así que es un trabajo en equipo conformado por todos los 70 de calificación. Distribuirse las actividades y demás es decisión suya. Con este trabajo validan su derecho a nivelación y regularización.
En resumen, debe haber información para todos los temas del curso oficial listados en el temario(de fuentes válidas, deberán incluir la referencia de libro o web de donde lo tomaron). Estarán los ejercicios y materiales proporcionados por mi y aquellos que ustedes consideren complementan el curso.
Aprobar es tarea de ustedes no mía, recuerden eso.
Resultados del tercer parcial!!!
Espero que se comprometan con su trabajo de evaluación final y de segundas oportunidades como lo han hecho hasta ahora, y quienes no se han puesto las pilas, es buen momento para hacerlo.
Nota: quienes tienen 70 como calificación en estas dos últimas unidades deberán entregar un trabajo extra, pues su puntaje no era aprobatorio, pero considerando la cercanía y el esfuerzo (de algunos) durante el curso he decidido darles una oportunidad. Los detalles en el siguiente post.
Participación en Semana de Ingeniería
Esta es la semana de Ingeniería en el ITS Motul, y como casi todos los años he participado como instructor de taller, en esta ocasión impartiendo el curso de modelado en 3D con la herramienta Swift 3D. El taller fué relativamente corto pero contó con la entusiasta participación de 27 estudiantes que pertenecen a los cuartos y sextos semestres de la carrera en ISC.
Un par de sesiones que fueron bastante divertidas y entretenidas, sobretodo por nuestro objeto de modelado: wall-e. La elección de este personaje para trabajar fué casual y también un acierto, pues todos construimos uno, al menos la cabecita, y su diseño permitió hacer alusión a la mayor parte de las funciones que ofrece la herramienta para este tipo de trabajo.
Sin más, solo me queda agradecer la participación de ustedes en el taller y espero que pronto se presenten otras oportunidades de convivir y aprender cosas nuevas y diferentes a las que esperamos en el salón de clase. Si tiene sugerencias, intereses o solo comentarios, serán bienvenidos.
Ah, y para ser congruentes, les dejo una pequeña imagen de nuestro personaje!!!
Segundas y terceras oportunidades!!!
Lo importante, es que sea de algo real, y sobretodo, que le sirva de alguna forma. El trabajo se acepta en pares, y pueden empezar a agregar el nombre del proyecto, para quien y una descripción breve de lo que pretenden hacer.
Saludos y suerte!!!
Evaluación en POPFLY
Saludos y espero sus comentarios!!!
Benchmarking. Ejercicio 2da unidad!!!
Una manera práctica de realizar el benchmarking es plantearse una serie de preguntas al momento de visitar las páginas que se han seleccionado como las mejores del ramo, Morris y Dickinson (2002) sugieren las siguientes:
- ¿Cuáles son los objetivos del sitio?
- ¿Cuánto tiempo tardo en descargar?
- ¿Se descargó en un orden lógico?
- ¿Es un sitio web interesante?
- ¿Como son los gráficos?
- ¿Refleja el género de la empresa o compañia?
- ¿Es de fácil uso y es cómodo navegar en él?
- ¿El contenido está estructurado de manera lógica?
- ¿Hay demasiados o insuficientes niveles de información?
- En conjunto, ¿el sitio es un éxito?
Fecha máxima para ingresar tu respuesta es el viernes 22 de mayo, o sea, mañana a más tardar.
Sobre el diseño y procesamiento de formularios
- Un formulario de registro. Diseñado a su consideración (listo).
- Un archivo de procesamiento del formulario que guarda los registros en un archivo de texto plano (listo).
- Una página que despliega el total de registros y un conteo de votos por usuario registrado (en proceso).
Existen otras consideraciones técnicas que iremos agregando a los ejercicios, pero este es un buen momento para realizar algunas reflexiones del diseño y de la lógica que presenta el ejercicio. Algunas a tomar en cuenta son:
- Hay algún valor en el registro guardado que me permita contabilizar el número de votos para una persona?
- ¿Existe una manera única de identificar a un participante, como para evitar registros con nombres distintos que se refieren a una misma persona?
- ¿Tenemos control de la información que recibimos?, es decir, si la información nos permite clasificar, catalogar y discriminar entre los registros obtenidos.
- ¿Como sabemos si los registrados son válidos?, que son reales y no ficticios.
- ¿votos indefinidos o solo un voto por estudiante?, el primero al estilo de los "reality show" en donde votas las veces que quieras por alguien, o el segundo como en las elecciones, que solo puede emitirse un voto por participante.
Suspensión de labores
Retomando el tema de la salud, espero que todos estén bien y tomen las medidas adecuadas para cuidarse. Estamos en contacto y saludos!!!
El comunicado oficial de suspensión de labores docentes desde la página institucional
Nuevos posteadores
Aquel que desee ser uno de los redactores del blog debe comentar en esta entrada el porque debería ser un redactor y la temática que le interesa abordar en el blog.
Los interesados deberan ser puentes entre sus compañeros y el blog, es decir, deben procurar plasmar también los intereses de sus compañeros de grupo y no solo los propios. En pocas palabras serán los representantes de sus compañeros en nuestra comunidad en línea.
Inicialmente elegiremos a dos redactores, uno de cada grupo para nivelar el nivel de participación en el blog.
Espero su atención y respuestas!!!
Educación digital: Blogs, Wikipedia y Twitter para escolares del Reino Unido
En el Reino Unido tienen planeado que actividades tales como el bloggeo, el micro-bloggeo, el “podcasteo” y otras habilidades de comunicación digital pasen a formar parte del currículum de sus alumnos. Y si crees que me refiero a estudiantes secundarios, pues no, hablo de educación primaria.
La información filtrada por el diario The Guardian, señala que los profesores tendrán más libertad para elegir que debe ser enseña en las aulas. De este modo, ciertos temas hasta ahora obligatorios -como la primera y segunda guerra mundial por ejemplo-, podrían ser reemplazadas por como usar Twitter o Wikipedia. La propuesta que aún está en pañales señala que además de los señalado anteriormente, los niños sepan escribir de manera fluida con las manos, pero también que sean diestros con el teclado y con el uso de correctores de texto además de saber como deletrear.
¿Que les parece la noticia?, vean como las tendencias tecnológicas y sociales provocan cambios radicales en actividades tradicionales como es la educación misma. Y es que el punto es muy sencillo: la gente se comunica a través de esos medios ahora, así que, no pueden ignorarse y por eso mismo se convierte en una nueva habilidad necesaria a desarrollar.
Nosotros que somos de la línea informática no podemos estar al margen de estas tendencias, así que se vuelve necesario conocer el funcionamiento de estos nuevos medios de comunicación y la aplicación que puede tener en nuestra vida cotidiana. Por lo pronto nuestro blog es un primer paso a este punto, "microbloggeo" (lo que es el twitter) y que es similar a enviarse mensajitos por el celular no lo hemos trabajado, porque aún no veo una aplicación didáctica posible, y el "podcasteo", que es la grabación de pequeños audios, parecidos a los comentarios de un programa de radio, implica un poco más de recursos de los que tenemos disponibles, pero que podría ser aplicativo, quizás a modo de experimento para algunas clases.
Espero sus opiniones y sugerencias ahora, para mejorar nuestra educación digital, aunque sea solo con nuestro blog, de hecho estoy considerando habilitar la inclusión de entradas por parte de ustedes, es decir, que haya algún representante por grupo, por ejemplo, que pueda crear contenidos para el blog, y así tener una visión mucho más particular de lo que desean que se muestre en él. es una idea y espero sus sugerencias.
htmlianos: Educación digital: Blogs, Wikipedia y Twitter para escolares del Reino Unido
via fayerwayer:Educación digital: Blogs, Wikipedia y Twitter para escolares del Reino Unido
Nota en blogherald.com
Nota original en guardian.co.uk
sobre... dinámica de clase
Quiero leer lo que piensan al respecto, así que libérense, y sean honestos y directos, que lo que buscamos es mejorar.
Segunda unidad
Vamos iniciando la segunda unidad y los temas que tenemos para ahora son:
- Arquitectura de las aplicaciones web.
- Lenguajes de programación del lado del cliente.
- Lenguajes de programación del lado del servidor.
- Ambientes para el desarrollo de aplicaciones web.
- Metodologías para el desarrollo de aplicaciones web.
- Aspectos de seguridad.
Como notarán es teórica la unidad, así que no debemos tardar demasiado en ella, de hecho, espero que las dos sesiones de esta semana y algunos trabajos en línea finalicen esta unidad para comenzar con programación del lado del servidor y comenzar con un poco de PHP. Los documentos que utilizarán ya están disponibles para descargar y su primera actividad consiste en leer el documento nombrado Desarrollo de Aplicaciones Web Utilizando software libre, exceptuando solo la unidad 4 del documento.
El siguiente video hace una presentación sobre una aplicación web, en cuanto a funcionamiento y tecnología utilizada. Es una referencia de lo que son las aplicaciones web.
Nueva plantilla para las novelas digitales
Ya está la nueva plantilla para las novelas digitales, claro está, mi versión, en la que podrán ver un ejemplo práctico de todos los temas vistos y comentados en clase (para que vean que no solo es choro :D).
Así que revisen de nuevo walthamtaro.com para ver la nueva versión.
Nota: Si instalaron las herramientas del mozilla podrán ver el texto CSS y el HTML utilizado para esta plantilla.
Trabajos completos
Por lo pronto pueden comenzar la descarga para realizar los ejercicios posteriores sobre CSS.
Nuestras novelas digitales
En www.walthamtaro.com.mx he colocado, provisionalmente, un ejemplo de su tarea con un par de capítulos de la novela La guerra de los mundos de H. G Wells.
En este primer ejemplo tiene asignado un poco de estilo con una CSS (es un ejemplo, ya ni me gustó tanto después de terminarlo) y que será la segunda parte de su trabajo.
Por cierto, si alguien tiene curiosidad, debe leer (en el manual) la información asociada a la etiqueta DIV que es la que, junto con la CSS, nos permite maquetar los contenidos y adecuarlos a espacios, tamaños y demás características que conforman la estructura de una plantilla o template.
complementos sugeribles para el desarrollador web
El web developer es una barra de herramientas básica para la revisión de sitios, te agrega opciones para CSS con el que puedes espiar las reglas que aplican a algún elemento de un sitio web que estés revisando y quieras repetir en el tuyo, por mencionar un uso; entre otros elementos, agrega una opción para redimensionamiento de páginas que te permiten visualizar como se vería la página en otros tamaños de monitor o resoluciones posibles y que en definitiva es de mucha ayuda. Así podría describirte más de las herramientas, pero dejaré esto a manera de consulta por si al revisar la barra alguna de estas no es lo suficientemente clara en su objetivo.
Por último te diría también colocar el dummy lipsum cuya única función es hacer lo siguiente:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec eros. Proin non lacus vitae erat pellentesque pellentesque. Sed vel eros! Etiam rutrum, metus a lacinia iaculis, felis nunc malesuada ante; nec fringilla est nibh at pede. Nulla eleifend nibh consequat enim. Quisque eget lacus. Cras volutpat, nisi eu scelerisque congue, elit purus dapibus metus, sit amet dignissim quam felis a lorem.¿Y para que diantres me sirve eso?, simple, para llenar con contenidos (obviamente ficticios) las secciones de una página web y con esto tener una imagen más clara de como se verá una vez que tenga texto con información real, ya que, en muchos casos, los proveedores de los contenidos se toman su tiempo para generarlo y eso no es excusa para retrasar el diseño de la plantilla.
Con estas herramientas para empezar tendrás suficiente.
Complementos Mozilla para desarrolladores web
Mozilla tiene en su sección de complementos (accesible desde el navegador), una serie expresamente para desarrolladores web y que les facilitará la vida para encontrar errores en sus documentos HTML, como lo haría el validador de HTML y el validador de CSS del W3C, pero con la comodidad de estar inmersos en el navegador y no tener que acceder a las respectivas páginas que los contienen. También encontrarán herramientas que les permitirán ver información sobre el como fueron hechas algunas páginas cuyo diseño les parezca interesante o digno de emular. Una de las más populares es la barra de herramientas web developer, que sin duda deberían tener en su navegador.
Les adjunto una imagen de los complementos que tengo activos en mi navegador y que posiblemente les podrían parecer interesantes a ustedes.
Sistemas en ITS Motul
- Instalación de un servidor web Apache.
- Instalación de PHP.
- Instalación de MySQL.
- Definición de un sitio web en el entorno de desarrollo de Dreamweaver CS3.
Tarea primer parcial
"Quiéreme cuando menos lo merezca, porque será cuando más lo necesite." Harry Jekyll.
"¡O vives siempre junto a mí o tú su muerte vas a ver!" El Fantasma de la Ópera.
Así es, serán estas dos novelas y harán lo que hicieron en el fragmento del quijote, aplicarle el formato adecuado para su posterior diseño por CSS. La idea principal es practicar el formateo de texto, imágenes, enlaces y demás elementos que están presentes en el uso del HTML, antes de preocuparnos por el aspecto visual. Recuerden que lo importante es tener una buena estructura antes que un buen aspecto (creo que aplica también para otras cosas, pero eso es otro tema). Como extra en el ejercicio, tendré dominio completo del contenido que estén manejando pues yo les entregaré las novelas con las que trabajaran, y aún más, les habré ofrecido una lectura entretenida, aunque no del todo obligatoria.
Relájense de nuevo, la dinámica será la siguiente:
- Cada novela se conforma de cierto número de capítulos.
- Cada participante será responsable de formatear un capítulo de la novela que elija.
- Llegada la fecha de entrega (aún por confirmar) todos los participantes deberán tener los respectivos capítulos de la novela en que haya trabajado.
- Cada participante tendrá una calificación por su trabajo personal en el formateo del capítulo correspondiente.
- Habrá una calificación colectiva al organizar la novela en un único proyecto y ver la consistencia final.
- Ambas calificaciones afectarán su promedio del parcial.
- El fantasma de la ópera: 27 capítulos. Descargar aquí.
- El extraño caso del Dr. Jekyll y Mr. Hyde: 10 capítulos. Descargar aquí.
Al comentar agreguen su nombre, el nombre de la novela y el número del capítulo que eligen para trabajar.
Nota: Existe un prólogo y un epílogo para El fantasma de la ópera y una introducción para el extraño caso del Dr. Jekyll y Mr. Hyde, espero voluntarios para esos textos o tendré que elegir para ello.
Espero sus comentarios, recuerden que mientras más pronto lo hagan, más pronto eligen.
vale de comida rápida = libros y tarea de primer parcial
-Hey, eso está muy bueno. Llamando mi atención, pues un saludo es lo más que habíamos hablado antes.
-si, eso creo, solo me desconcierta un poco. Repuse para no quedarme callado, pues me tomó por sorpresa.
-Yo ya fuí y la verdad comimos bastante bien, terminas satisfecho.
-Te creo, quizás los use este fin de semana.
-Si, ya tienes opción para el 14 de febrero.
-No creo que sea para tanto, no hay nada romántico ahi, al menos no para ellas. Fue lo último que mencioné antes de retirarme de la ventanilla haciendo un ademán de despedida a mi interlocutor. Y agrego que con "ellas" me refiero a las mujeres en general.
Y entonces llegó el domingo y con ello el hambre de quien despierta al mediodía. Así que después de inspeccionar las zonas aledañas a la recámara en busca de víveres y, confirmar que no había nada que se preparara en tres pasos o menos, recordé el vale y decidí usarlo, después de todo para están diseñados, ¿o no?, y para agregar la buena acción del día invité a mi hermanita a comer una de las dos que ofrecía el paquete (los hermanitos siempre agradecen estas cortesías, no se porqué).
Asi que después de hacer fila en el Burguer King más cercano, llegar a la caja pedir mi paquete, mostrar mi vale, enterarme que solo me ahorré seis pesos del precio que manejan ahí y además perder una bolsa de papas chicas (pues mi paquete no las contemplaba) decidí deambular un poco por una plaza para bajar la comida y la frustración.Caminando por la plaza con esta personita y ya sin tener nada más que hacer opté por algo inusual: platicar.
-Y... ¿que quieres hacer? -Pregunté, por algo debía empezar.
-Mmmh... no lo sé -Respuesta típica.
-¿Quieres ver ropa o algo? -VER no comprar, pensé.
-Mmmh... no, quiero ver un libro -¿un libro?, ¿en serio?, ¿lee?, ¿Acaso lee?, lo siento, pero me sorprendió.
-Si, algunos monitos me divierten. Dijo riendo, y pensé, bueno es mejor que nada.
Entonces entramos a una librería y recorrimos los pasillos viendo que había por ahí, y entonces vi Mujeres de ojos grandesde Ángeles Mastretta, y dije:
-Lei un fragmento, me pareció divertido.
-Si, ya la leí.
-¿La leiste completa?
-Si, muy buena, me gustó. ¡Mira!, es el extraño caso del Dr. Jekyll y Mr. Hyde, siempre me pareció curiosa.
-Si,es un personaje clásico.
Entonces decidí regalarle un libro, uno de cuentos cortos que ella eligió porque entre ellos había uno que hace un tiempo había leído y le pareció lindo.
Y así, pensando y reflexionando al respecto, de camino a casa pensé, entre otras cosas personales que no mencionaré, que era muy bueno que se interesase un poco por leer algo más que historietas y mangas. No es que sea malo el gusto por lo anterior, incluso yo veo y leo algunos de estos, pero hay más cultura que solo la nipona y sus extravagantes historias, ¿no creen? (espero no ofender a ningún seguidor del género, porque sé que hay). En otras palabras, hay que variar, leer algo distinto a veces es bueno para no enfrascarse y volverse un gran conocedor de poco.
Pensando en eso y en las actividades de evaluación que requerimos ahora (no me pregunten porque, solo se me ocurrió de regreso a casa), decidí cuál sería el contenido de sus primeras tareas HTML, y como estarán deduciendo en este punto (si llegaron a él), incluye un par de novelas en la ecuación y los detalles se les daré en la siguiente entrada.
expertos en... educación?
Aprovechando la inspiración del post anterior, veo que los proyectos ganadores y muchos de los que participaron están en la línea de educación, o sea, son software educativo u objetos de aprendizaje. En nuestra experiencia, tenemos un objeto de aprendizaje que participó en Kaambal y el software educativo maya Itzamná que compitió en creatividad...
eso me hace pensar que podemos darle una especialidad más a nuestra carrera, ¿no creen?.
El MES Humberto Centurión y la MIE Danice Cano Barrón son graduados de posgrado en la facultad de Educación UADY, y tienen amplio conocimiento y experiencia en esta área, de hecho, están en el seguimiento de una tesis, si una tesis por uno de nuestros egresados de la primera generación de sistemas, basada en la generación de componentes para plataformas educativas como Dokeos (que es la base de nuestra querida EVA) y Moodle.
Felicidades por participar en creatividad!!!
Este post es para felicitar a las chicas que participaron en el concurso de creatividad fase nacional en Veracruz, con su proyecto denominado: software educativo maya "Itzamná", si alguien lo duda vea el registro del software en el evento.
Felicidades Milka, Sara y Paty!!!
Estas chicas son las primeras en participar en esta clase de evento por parte de nuestro instituto y nuestra carrera, y lo mejor, de ganar un primer lugar en la fase regional compitiendo con institutos de reconocida trayectoria en el evento como lo es el Tecnológico de Mérida (mi alma mater), el de Villahermosa y Tuxtla Gutierrez, por mencionar algunos.
En corto: obtuvieron un primer lugar regional y un noveno sitio en el nacional, compitiendo en este último caso contra trece proyectos directos y estando al final por encima de ciento treinta y siete proyectos a nivel nacional (si no conté mal), pero no me crean, vean la lista de participantes en el área de sistemas computacionales.
¿Qué nos deja esta experiencia?
Además del triunfo de la fase regional y su intensa participación en la fase nacional, queda la experiencia personal del evento a ellas y a quienes estuvimos con ellas de asesores, para el instituto la colocación de su nombre por vez primera para hacerse notar entre los ITS en tan afamado evento.
Por último, a todos nosotros, los que trabajamos y estudiamos en este instituto, nos deja una muestra y un aliciente para saber que podemos participar, competir y ganar contra cualquier adversario, sin importar cuán jóvenes podamos ser (a nivel institucional, claro está) y cuán experimentados sean los demás. En pocas palabras, que destacar no es exclusivo de los que tienen renombre y que ustedes tienen capacidad para hacer cosas brillantes, cosas sobresalientes.
Felicidades de nueva cuenta chicas, aprendimos mucho juntos (espero) y eso siempre lo recordaremos.
La belleza en CSS: CSS Zen Garden
Citando un texto del css Zen Garden acerca del diseño basado en hojas de estilo:
CSS permite total y completo control sobre el estilo de un documento de hypertexto. La única forma en que este punto puede ser ilustrado de manera tal que la gente quede impresionada es demostrando lo que realmente se puede hacer, una vez que las riendas son colocadas en las manos de aquellos dispuestos a crear belleza basada en estructura. Hasta la fecha, la mayoría de los trucos y mejoras han sido demostrados por estructuristas y codificadores.
El sitio y su finalidad están enfocados al diseño a través de CSS, y específicamente para usuarios diseñadores, nosotros somos estructuristas y codificadores a lo más, sin embargo, no deja de ser una fuente de inspiración para nosotros y el alcance que puede tener manejar una buena estructura HTML para su posterior diseño con CSS.
En pocas palabras, vale la pena visitar el sitio web, ver los trabajos realizados por los diseñadores que participan y aprender algo de la técnica de maquetación que ellos promueven. Los archivos necesarios para probar y prácticar están disponibles en el mismo sitio.
Y aunque lo dicen en el sitio claramente quiero repetirlo: si, es la misma página HTML en todos los casos, lo único que cambia es la CSS, ¿genial, no?.
webmaster en formación
Logo asignatura.
Este post es recreativo, solo para sugerir un logotipo de la asignatura y que podamos utilizar en una camiseta o algo parecido. Es una propuesta para no usar solamente las camisetas con los logos del tecnológico, ¿no les parece?. Espero sus comentarios.