martes, 30 de abril de 2013

Grafismo para desarrollo web, aquí:


Sigo estudiando y encontrando cosas que sirven para el desarrollo en la Web. Quiero hacer un apartado en este artículo donde pueda encontrarse todo (lo que pueda juntar) relativo al grafismo que interviene en una página web. Para empezar y haciéndolo por la parte superior del código fuente, aquí dejo estas referencias a la creación de "favicons", contracción de favourite icons, según he visto explicado durante mis navegaciones web. 

viernes, 26 de abril de 2013

Mover sistema operativo de partición -GNU/Linux-


Hace tiempo tenía Ubuntu funcionando en un disco duro externo además de otros sistemas en mi ordenador (una netbook Asus eeePC). Con el tiempo he querido integrar Ubuntu en éste y dedicar el disco duro externo a labores de almacenaje. Esto supone, como indica el título, mover el sistema operativo de partición. Por si a alguien le sirve y para mí mismo, voy a dejarlo por escrito en la web.

Cosas buenas que la tecnología hace por nosotros

Dentro de todo lo que he aprendido siguiendo, en la medida de mis posibilidades, el curso MOOC o CAEM de la Universidad de Alicante llamado iDesWeb, esto que ahora incluyo en el blog me ha impresionado muy agradablemente. Es una entrevista que realizó Sergio Luján Mora, el coordinador del curso (con ayuda de Armando Suárez Cueto). En ella, Santi Trigueros, una persona sordociega a causa del síndrome de Usher, nos da un ejemplo de superación y adaptación al medio. Para conseguirlo, la tecnología interviene de manera decisiva. Le permite mantener contacto con otras personas y estar al día en lo que la sociedad pueda ofrecerle. Pero es obvio que esto no se logra sin una adaptación del software a sus particularidades.

Particionar un disco duro- Más de cuatro particiones primarias

Después de haber "comulgado" con la idea de que un disco duro sólo se puede dividir en cuatro particiones primarias, me encuentro con un interesante artículo, sacado en Ubuntu.es hace unos años, donde el compañero Selerto nos ilustra y enriquece, haciéndonos cambiar de pensamiento. Al parecer esto no era más que una imposición de los de Microsoft, siempre limitando las cosas a sus medidas privadas.

viernes, 12 de abril de 2013

Y aquí la Semana 6ª...

Lista de reproducción de la Semana 6ª
Esta es la lista de temas que hay dentro del enlace anterior:

Cookies: ¿Qué son y para qué sirven?
Cookies: ¿Cómo funcionan?
Cookies: Uso en JavaScript
JavaScript: frameworks
DHTML (partes 1, 2 y 3)
Accesibilidad: Discapacidad en la web (partes 1 y 2)
Entrevista a Santi Trigueros, una persona sordociega (partes 1, 2 y 3)
Accesibilidad web: cuatro elementos más
Accesibilidad web: Legislación en España

Semana 5ª- Seguimos en Javascript (y lo que te rondaré, morena...)

Como ya me va bien poner la lista de Youtube para cargarlo en VLC como comentaba en un post anterior, ahora lo pongo igual, que tengo prisa...
Lista reproducción de Semana 5ª
Recuerdo que basta con guardar la dirección del enlace y cargarla en el volcado de red de VLC  y se podrán ver todos los vídeos de la semana en el reproductor, con mejor calidad y rendimiento de las funciones de adelante, atrás, etc...

domingo, 31 de marzo de 2013

Javascript y reproducir listas de vídeos con VLC

Aquí tenemos tela que cortar...Por ejemplo: artículo donde se explica brevemente la historia de JavaScript y su desarrollo posterior. 

Ahora una opción interesante que he descubierto recientemente. Como soy partidario del software libre, esto es una manera de "pasar" del privativo Adobe Flash Player y sustituirlo por un programa libre: VLC. Aquí dejo la lista de reproducción de iDesWeb de toda la semana 4 del curso y quien lo quiera ver lo carga en el reproductor, en la sección donde se puede leer "volcado de red". Es una forma de verlo con mejor resolución, con mejores posibilidades de reproducción (adelante, atrás, etc...) y prescindiendo, como decía, de código privativo (es la forma de mantenerlo a raya, no usarlo). 

Peeeero, VLC no está preparado para reproducir una lista, además con la mejor resolución que haya en la Red, él solito. Necesita la ayuda de un archivo .luac con un script dentro que ha desarrollado el amigo Guillaume Le maout (exebetxe) para conseguirlo. Dejo aquí el enlace para seguir el procedimiento que lo hará posible, alojado en OpenDesktop.org (saludos y gracias). 

No es complicado y con él, repito por si no quedó claro, podremos ver las listas de reproducción del curso iDesweb, y todas las de Youtube, completas y con la mejor resolución posible. Obviamente yo ya lo hice y me ha gustado mucho.

viernes, 22 de marzo de 2013

Trabajar por un futuro más acogedor, suena bien...a ver qué tal lo hacemos

Hola yo. He estado viendo lo que nos ha puesto la gente de iDesWeb para esta semana. Hay varias cosas pero me ha interesado esto, que no tiene mucha practicidad pero es filosofía y eso me atrae. La idea es que, según me ha parecido entender, podemos sacar algo bueno de la que se nos viene encima. El futuro nos está esperando con multitud de dispositivos de diferentes tamaños y configuraciones y debemos centrarnos en crear nuestras aplicaciones dentro no sólo de una medida física, si no también estar atentos a su contexto, a quién está dirigido, dónde lo va a usar...un diseño más acorde y más específico que lo hecho hasta ahora, más "usable" y "amigable".

Lo que parece una locura a nivel desarrollo puede que nos permita enfocar las cosas de otro modo. Todos estos dispositivos van a estar muy cerca de nosotros, van a ser nuestros compañeros. Si seguimos inundando al público con basura, publicidad y "ruido" interactivo, no vamos a conseguir nada bueno.

 El amigo Brad Frost ha levantado la liebre, con buen tino. Hemos de esforzarnos (yo todavía no llego pero todo se andará) en desarrollar con más precisión, con mejor intención, en crear un código que nos depare un futuro más acogedor, más adaptado a nuestras necesidades, o nuestras comodidades, pero de una forma "amigable". Un diseño web que mejore nuestras vidas, que sea posible convivir con él, incluso deseable.

Y con esta perorata de introducción creo que todavía dejo algo de interés para descubrir en el artículo y el vídeo de Frost.


martes, 19 de marzo de 2013

Hola, ¿tiene alojamiento? Somos yo...y mi web

Bueno, ¡esto se pone denso! Aquí llega una feroz introducción a la búsqueda de alojamiento para nuestra web (o la de nuestro cliente, más posible). Sergio Luján, a toda velocidad porque hay mucho que contar, nos proporciona las opciones a tener en cuenta cuando queremos contratar alojamiento y también, aunque más por encima, cómo hacer para localizar un dominio. Esto último creo que se tocaba más en otro vídeo (me ha parecido entender). Espero que sea así porque no lo tengo muy claro. Ya veremos; sin explicación no me voy a quedar, eso seguro. 
Esto son tres vídeos sobre este tema:





lunes, 11 de marzo de 2013

Prototipos visuales de alta fidelidad (impresiona, ¿eh?)

Esta entrada es para mí muy fácil y para mí y los que vengan muy completa. Pero mucho...Si tienes idea de hacer una página web o simplemente te interesa ese mundo, esto no te lo pierdas. Antes decía que para mí es muy fácil porque en la página de iDesWeb me lo han dejado imposible de superar. Hay un vídeo que lo entiende cualquiera (cosa rara cuando se trata de trabajo web). Además de eso se han incluido una gran cantidad de enlaces que prometen. Como muestra, velo:



Estoy pensando que quizá me gusta más esta página...¿porque me gusta más el diseño web que el desarrollo web? Vaya, eso me haría perder dinero, según lo que decía en otro vídeo Sergio Luján. Y me sería más difícil encontrar trabajo, porque hay más trabajo para desarrolladores que para diseñadores web. Pues no puedo permitirlo! Tengo que cambiar...¿a partir de mañana?
Dejémonos de historia e histriones y vamos al grano. Aquí el enlace a la página y aquí el enlace al texto escrito (para descargar), que me he currado yo, con las recomendaciones y consejos que nos ha ofrecido amablemente Marina Gutiérrez Teixeira, la autora del vídeo. Lo he redactado yo luego un poco por dos motivos:
-uno, resumirlo (no mucho);
-y otro: enaltecer un poco las recomendaciones sobre software libre que ella hacía pero sólo refiriéndose a la gratuidad del mismo y no sobre lo conveniente de usar ese software porque es mejor para la Humanidad (así de claro te lo digo). Así que una vez hecha la advertencia, no queda más que hablar. Saludos.

sábado, 9 de marzo de 2013

Navegadores Web: Una historia desconocida (al menos para mí...)

Yo he sido un usuario medio hasta que he empezado con esto de aprender desarrollo. Bueno, como descubrí ÑU/Linux, quizá un poco más que uno medio. Los sistemas libres te enseñan cómo funcionan y eso es uno de sus grandes beneficios y al mismo tiempo uno de sus grandes males. Muchas personas no quieren saber, sólo quieren que la máquina haga lo que ellos quieren con el mínimo esfuerzo, sin conocer por qué ni cómo. Algunos otros, como yo, tenemos más curiosidad y cada vez pedimos más y más información hasta que entendemos por qué estas máquinas hacen esas cosas tan increíbles. Y, si nada lo remedia, acabamos desarrollando algo, o aplicaciones, o barriga, de tanto estar sentados. 
Retomando el tema, un usuario medio no le da especial importancia al navegador de internet. Le basta con saber que hay varios, aprenderse el nombre y conseguir hacer funcionar alguno de sus complementos. Pero estas aplicaciones tienen en gran parte la culpa del lugar tecnológico en que estamos ahora situados y, en un futuro cercano, van a ser nuestros compañeros habituales en la explotación de los recursos que nos ofrece Internet. Estamos llegando al momento en que no será necesario tener nuestros ordenadores personalizados, si no que personalizaremos nuestro navegador y así podremos acceder a esa personalización desde cualquier terminal. Bastará que introduzcamos nuestra contraseña y ¡ale hop! se cargará el navegador como nosotros lo hemos configurado. De hecho ya hay algunos que funcionan así (con la cuenta Google, por ejemplo).
Para saber mejor de qué va el cuento, ahí queda esto:



Mosaic fue el primer navegador multiplataforma y se considera el detonante de la comercialización de Internet y la Web. Joseph Hardin dirigió este grupo, desarrollando el proyecto Mosaic en el NCSA (National Center for Supercomputing Applications), en la Universidad de Illinois. Este proyecto comenzó en 1992 y en el vídeo explica las decisiones y los planteamientos que dieron lugar a la exploración en este campo. Rescata de la memoria los primeros pasos en la Web de Netscape y luego Microsoft. Es en inglés pero si quieres ver o añadirle los subtítulos, los puedes obtener aquí.



En la página de Temario de iDesWeb hay una serie de enlaces que no parecen muy interesantes. Como estamos tratando sobre navegadores voy a optar por algo que sale ahí pero en otra versión. En uno de los vídeos que recomiendan sale una mujer israelí que sabe mucho de este tema, al parecer (qué ignorante soy aún, hay que ver). Tali Garsiel se llama. He buscado información sobre ella y he encontrado esto, que resulta sale más adelante en el Temario. Se trata de "Cómo funcionan los navegadores- Lo que hay detrás de los navegadores web actuales", un compendio de saber profundo y, para que nos hagamos una idea, incluyo lo que dice la introducción: "Los navegadores son probablemente el software más utilizado de todos. En este manual se explica su funcionamiento interno. Veremos qué ocurre cuando escribes google.com en la barra de direcciones hasta que la página de Google aparece en la pantalla". ¡Pues no veas lo que da de sí el tema, lin!.

Timeline- Navegadores

Bueno, voy a pedir perdón por lo de que eran poco interesantes los enlaces. Sólo era la parte dedicada a los vídeos. En las "Lecturas Imprescindibles" se han superado. Ahí encontramos la "Línea de tiempo" o "Timeline" de los navegadores, donde encontramos su nacimiento y desarrollo, con las diferentes versiones. Muy instructivo. Ahora os enlazo a la actual coyuntura de los navegadores en el mundo. Qué porcentajes de uso tienen en los cinco continentes. 

Este es chulísimo. Es un gráfico muy trabajado, con un bonito diseño que nos muestra la evolución de Internet en estos años que llevamos del genial invento. Lo han llamado "La Evolución de la Web"

Aquí un libro de Sergio Luján: "Programación de aplicaciones web". Aunque él mismo decía que hay algunos errores fruto de la antigüedad del material, en su mayoría sirve para comprender cómo funciona todo el asunto. Llega a incluir hasta la historia de Internet. Vamos, que por el precio que tiene (gratis) es conveniente tenerlo y echarle un vistazo bueno. Yo lo he hecho y tiene cosas que ofrecer (aunque no soy una autoridad, claro).

Y ahora una página en guiri sobre la actual oferta de navegadores, sus características, funciones, complementos, posibles configuraciones y tal y tal...Pincha aquí!

Lo siguiente es una noticia sobre la competencia desleal que Microsoft ejerce constantemente pero esa noticia está desfasada. Así que incluiré otra que no es sobre navegadores completamente pero es sobre otro de los temas que yo incluyo en el blog: software libre. Me parece además necesario que se sepa, hay que darlo a conocer porque es, es, es... no quiero decirlo porque hay niños pero ya te imaginas lo que quiero decir... Se llama UEFI Secure Boot y el enlace es a la página de la Free Software Foundation (FSF), donde te informan sucintamente sobre ello y te ofrecen firmar en su contra, como yo ya he hecho. Para completar la información, diré que Microsoft ha cambiado el cargador de arranque, de BIOS a UEFI, un paso que era necesario porque BIOS se quedaba desfasado y UEFI es más eficiente. Pero han aprovechado para implementarlo una barrera que no permite el arranque si hay un dispositivo que pudiera portar virus, como un usb o un disco o cualquier cosa que pueda intervenir en el arranque de la máquina. Lo que dejaría fuera a los gestores de arranque "no oficiales", por decir, quedando sólo Windows. O sea, hablando en plata, que podrían evitar que implantes otro sistema operativo en una máquina que has pagado tú, pero que lleva de fábrica su sistema operativo. Puedo estar deformando el asunto pero no el fondo, perdón. Todo esto no está demostrado pero he leído en blogs serios a personas que han comprado equipos así y no han podido implementar software libre, concretamente Opensuse. Y hemos cumplido con el espíritu de la noticia del curso: la deslealtad de Microsoft y su abuso de posición dominante. Óle.

Ahora una página de la revista Fortune, creo, en versión web. Es un artículo que trata de una posible vuelta de "la guerra de los navegadores", aquella de la que se habló en 1995. Es un artículo interesante. En inglés y tal.

El Temario se cierra aludiendo otra vez a las noticias sobre los juicios a que se ha enfrentado Microsoft por su monopolización del mercado y sus abusos constantes, lo que ya se sabe y no hay más que preguntar en la Red para enterarse del último. Así que lo dejaré así. Chin pún.

Cooperativa de software libre...es una idea

Hola yo. Como puede ser un poco aburrido todo esto (ya me lo he dicho en otra entrada), voy a incluir este vídeo, que es entretenido, habla de software libre, cooperativismo y cooperación, una virtud muy presente en el software libre, insisto, y que todos deberíamos tener más en cuenta "por el bien de la Humanidad". Vamos allá:

jueves, 7 de marzo de 2013

Si eres fácil de usar eres "usable", chúpate esa, RAE!

Hola yo! Aquí voy a poner los vídeos que tratan sobre "usabilidad", ese bonito "palabro". Pongo los vídeos todos seguidos porque quiero dejarlo chulo, porque lo juicioso sería hacer un enlace a Youtube y que fuera allí a verlo pero, tratándose además de "usabilidad", pues quedaría mal. Así que ya tenemos ahí un ejemplo de lo que eso significa. Proporcionar facilidad a quien tiene que usar luego ese recurso. Toma ya! Qué bien he quedado por muy poco dinero! Saludos (tengo que dormir más y mejor, ¡ay, qué cruz!).








Este está simpático. Sale un caballero que da la sensación de lo que es, ya os da más datos Sergio en este vídeo, y en el siguiente ya aparece el entrevistado. Luján no tiene precio como entrevistador (ji,ji,ji).





Todavía seguían algunos vídeos pero son ya "cositas" que le gustan hacer a Sergio. En algún modo también son importantes pero son cosas que no necesito recordar porque son obvias, son mi forma normal de pensar, cuidar los detalles, no repetir, escribir el código como se debe...ya está asimilado y no hacen falta recordatorios que supongan tanto espacio y tiempo. Bueno, a por otro!

domingo, 3 de marzo de 2013

Propiedad Intelectual, temazo

Dentro del curso han tenido a bien, y con buen criterio, advertirnos sobre este farragoso asunto. También es verdad que si nos ponemos con la ley en la mano, no tiene muchas vueltas que darle. Incluso si nos ponemos con la ética en la otra mano, las vueltas se convierten en...ninguna. Cuando uno crea algo, cuando uno mismo se vuelve un creador, le gusta que, cuando menos, se cite su nombre, que para algo se tomó la molestia. Si es posible conseguir algo de dinero por ello, siendo nosotros los que lo creamos, ¿no nos parecería justo? Pues eso.
Ahora hay unas leyes que permiten compartir imágenes de una forma mucho más equitativa para todas las partes. Ya que estamos con el tema, me gustaría llamar la atención sobre la licencia GNU GPL (General Public License- Licencia Pública General de GNU) que creó en 1989  Richard Stallman para proteger los programas liberados como parte del proyecto GNU. Algún tiempo más tarde, éste integraría el kernel de Linus Torvalds, dando lugar a lo que llamamos injustamente Linux. Deberíamos decir, en español, ÑU con kernel Linux, cuando vemos un acrónimo que dice GNU/Linux o como un servidor (yo, no uno web), que dice Ñu cuando quiere decir el sistema operativo que usa a diario (¡hay que tomar partido e informar a la gente de lo que ocurre!). Esta licencia GNU GPL es la más usada en temas de software y tiene como propósito protegerlo de intentos de apropiación que restrinjan las libertades de los usuarios. Y, a partir de aquí, busca tú mism@ más información porque no es este el lugar de ir más allá.
Volviendo al tema que nos ocupa, en este vídeo Gonzalo Cao nos ofrece una sencilla entrada en todo este asunto de la propiedad, aportando algunos valiosos enlaces. Después del vídeo los relaciono para uso y disfrute...


La búsqueda avanzada de imágenes de Google es uno de los enlaces que aporta Gonzalo, pero no el mejor, como él mismo apunta. 

Gonzalo ya comenta las propiedades de cada enlace así que voy a dejar que sólo uno hagamos el trabajo: el. Yo lo que voy a hacer es dejarlos aquí a vuestra/mí disposición.

Flickr






Y hasta aquí serían los bancos de imágenes gratuitos. A partir de aquí, los de pago, pero que tampoco creáis que son carísimos. Como dice el profesor, hay veces que el tiempo es oro y puede ser rentable aceptar pagar por algo en lugar de estar buscando horas y horas. Sobre todo si el precio es asequible...




Y hasta aquí lo relativo a la búsqueda de archivos de imagen que hagan que nuestra aplicación o nuestra página web luzcan mejor, más profesionales o, por abundar, más estéticamente competentes y atractivas. A continuación cito también lecturas recomendadas por iDesWeb, no citadas en MiríadaX:
Organización Mundial de la Propiedad Intelectual. Una introducción que nos facilita el acceso a unos archivos de mucha más enjundia. ¿Qué es la propiedad intelectual?

Sobre esto dice que trata el libro recomendado en la introducción de iDesWeb: redes de paridad (P2P) y la propiedad intelectual especialmente en España, los medios de comunicación y su creación de una moral artificial, el canon y la cultura del miedo. Se llama: Copia este libro

Esto es lo que dice el Ministerio de Educación, Cultura y Deporte sobre el tema.

Había otro enlace a material en inglés sobre el tema. Aparecía "error 404, not found" así que hice la búsqueda en ese portal y me aparecieron varios artículos relacionados. Deben ser buenos porque hay algunos de ellos que se venden y todo...El portal se llama IEEE Computer Society. La propuesta era sobre derechos intelectuales o lo que sería en inglés: Intelectual property rights. Esto lo pones en la búsqueda y a leer lo que aparezca que sea interesante. Saber qué lo es o deja de serlo es algo en lo que no puedo ayudar...

Buenos consejos para organizar archivos CSS

Dentro del vídeo que hace Sergio Luján sobre ordenar CSS, hay unos enlaces que parecen ser bien aprovechables. Aquí dejo sus enlaces para el futuro, ¡que ya está aquí!


Este es un sitio donde te organizan el archivo CSS para que quede más organizado y pulcro. Hay que tener cuidado con ordenarlo alfabéticamente porque puede dar lugar a cambios en el resultado. También aplica sangrías de forma automática para que la lectura sea más fácil.


Estandariza y organiza archivos CSS.


Este elimina elementos innecesarios del código, como saltos de línea o espacios en blanco, entre otros. Al acabar muestra el resultado de la reducción del proceso. 

Es muy posible que cuando los utilice incluya más información sobre cómo utilizarlos y para qué son recomendables. De momento, id probando y me contáis, si es posible.   

Enlaces recomendados- Lección II- CSS

Voy a hacer una serie de Enlaces Recomendados de cada lección aquí, a este lado, en la galerada de "artículos". Si lo pongo en el otro lado, con los Enlaces Necesario/Prácticos, se me va a montar un batiburrillo que no va a haber quién se aclare. Así que aunque serán entradas pequeñas, luego se pueden listar con las etiquetas y te salen todas las entradas de todas las lecciones juntas y de forma clara. Mucho mejor, señora, no vaya usté a comparar!!


@ Hala, enlace a una página en inglés, CSS Tricks, donde se explican los selectores anidados y padres, hermanos e hijos, ahí es ná.



@ Aquí, la página de W3Schools donde se nos aportan los niveles de CSS a que pertenecen los selectores indicados. Me encanta este departamento de W3C, son siempre concisos, claros, bien organizados...Una maravilla.


@ Ahora nos enlazan a una página del Consorcio (W3C) donde nos encontramos con las especificaciones completas y detalladas del nivel actual de CSS, el llamado CSS 2.1. Es un formato muy completo y una avanzadilla del futuro CSS3. 

Conceptos básicos de CSS- esto es fácil-

Voy con prisa. Esta es la introducción de Sergio a CSS. Es facilito pero lo pongo porque hay que llevar una línea.



Pickup de tarde, un programa...de radio!

Continuando con la sección de entretenimiento y teniendo en cuenta que si alguien llega hasta aquí será porque yo lo he enviado, voy a intentar hacer la visita un poco más agradable. 
En mi querido pueblo hay una emisora municipal de radio. En ella, varios amigos míos intervienen en la programación haciendo sendos espacios musicales de una hora de duración. Los voy escuchando cuando puedo porque cuando me enteré de que lo estaban haciendo, ya habían producido varios y me hice con sus grabaciones. Fue para mí una grata sorpresa descubrir que son unos figuras seleccionando música aunque, como los conozco de antiguo, algo me olía. Todavía estoy limitado en todo lo que es alojamiento de archivos en la Red y cosas así, por lo que se me ha ocurrido ponerlos en Dropbox y compartirlos desde allí con quien quiera descargarlos, aprovechando que me sobra espacio en esa "nube". Cuando dé con una forma más fácil de ponerlos a disposición de quien visite este humilde blog, lo haré. De momento, aquí dejo el enlace con el programa de Toñi, Señor Antonio para los enemigos. Que lo disfrutéis!!!
Un momento, un momento!! Que son más los amigos que ponen música allí! Y tengo también grabaciones de otro de ellos, de los otros no lo he conseguido todavía. Esta otra que os voy a brindar es de Carlos, el sabio cinéfilo/musical. Me insistió en que sus programas debían escucharse por orden cronológico y yo no soy nadie para hacer otra cosa que seguir sus instrucciones. Así que aquí lo tenéis. Creo que os va a encantar!

sábado, 2 de marzo de 2013

CSS básicos concetos, lo importante son los concetos...

Aquí el comienzo de la explicación de los selectores. Materia para estudiar y estar atento, porque parece sencillo pero hay que prestar atención a los detalles. Te puedes despistar en cualquier momento y, además, la información empieza a acumularse en la sesera. Este ritmo es cañero y no me facilitan las presentaciones para tener una referencia y no tener que estar tomando apuntes como loco. En fin, a por ello:

Curso de CSS- rápido y eficiente

Para gente como yo, que antes de empezar con este curso MOOC de iDesWeb no teníamos mucha idea de desarrollo, ni web ni ninguno, seguirlo nos está costando horrores. Podemos estar muy contentos (yo lo estoy) pero el cuerpo no nos da para más. Yo ya llevo un retraso de tres semanas en las primeras cuatro. El motivo: me siento incapaz de continuar hasta que no he entendido lo que me han mostrado. Más que nada porque luego, al explicarme la siguiente lección, no entiendo ni jota. Esto me lleva a tomar una decisión. El curso lo voy a seguir...pero no al ritmo endiablado que mis profesores me están imponiendo. Para alguien con mi nivel es absurdo. No llego. Así que lo que voy a hacer es centrarme en este blog. Dejar en él bien indicado lo que necesito para alcanzar los conocimientos de esta "iniciación" al desarrollo y luego, a mi ritmo, sacarle todo el jugo a lo que me han ofrecido. No veo otra solución. Lo contrario sería llegar al final exhausto, sin idea de lo que estoy haciendo, y que me cerraran el curso en las narices. Todavía tengo la duda de qué ocurre cuando el curso acaba. No las tengo todas conmigo. Así que, ante la duda, haré acopio de toda la información que me ofrecen y la iré asimilando a medida que vaya pudiendo. 
Para empezar, este curso de CSS en cuatro semanas que imparte la W3C y que, por encima, me ha parecido un poco simple, o sea, menos que básico. Pero como algo tendrá el W3C cuando lo bendicen, pues yo lo seguiré. Otra posibilidad es que CSS sea muy, muy sencillo, que también puede ser. Por lo que ya he dicho, aquí queda.

martes, 26 de febrero de 2013

No sólo de desarrollo vive el hombre...

Me parece que cualquiera que haya visto (o, como en mi caso, haya subido) los vídeos de este blog se ha ganado un paréntesis musical. Y como siempre hay que "tirar para casa" (promover a los cercanos: familia, amigos...) y estos son de casa, pues os presento a Lost Kalaveras, aunque también son conocidos por su nombre en Formentera: Chimichurri. Es que son un poco argentinos ellos pero aún así, buena gente (es broma!!). Ahí va, ¡¡¡¡Caña!!!!

Prototipado de aplicaciones

Con este vídeo entramos en el mundo de la explotación comercial de lo que estamos aprendiendo. Vemos el comienzo de la creación de una página o una aplicación web, cómo enfocarla y cómo tomar contacto con el cliente. Todavía nos queda mucho por aprender pero es un comienzo. Y lo que veo...:-))) me gustaaa!!!
Otra cosa importante que hay que sacar de aquí es la aparición en escena de Olga Carreras y su blog. Creo que lo comenté en otro vídeo pero no me canso. La dirección es Usable y accesible. No dejo de asombrarme cuánto trabajo bien hecho hay ahí adentro. Y aquí, su vídeo:





En el resto de la página del temario de iDesweb aparecen varios enlaces interesantes sobre todo esto del prototipado y la diagramación. Allá que te voy:



Jesse James Garret es el creador de Ajax. Como no tengo tiempo ni esto es un blog para esos menesteres, os enlazo a un artículo sobre él donde os introducirán en quién es y lo que hace. 



No estoy seguro de si había ya incluido este enlace pero, ante la duda, lo repito. Es muy interesante y completo y merece más verse dos veces que ninguna.



Más artículos interesantes. Se muestran algunas formas de hacer diagramas, tipos de diagramas existentes y posibles herramientas para su elaboración. El autor también aporta su forma de diagramar. 





Un prototipo es un modelo (representación, demostración o simulación) fácilmente ampliable y modificable de un sistema planificado, probablemente incluyendo su interfaz y su funcionalidad de entradas y salidas. Según dicen en el curso, poco más



Volvemos con Olga Carreras. Prácticamente, si no de forma completa, nos explica en letras y gráficos lo que nos decía en el vídeo. Otra cosa buena de la página de Olga es la gran cantidad de enlaces interesantes que nos muestra en cada artículo que crea. Al final de la página hay información para pasar un semestre estudiando...



Esto seguro que será interesantísimo pero como estoy pobre de solemnidad, no puedo acceder a ello. Cuarenta pavos del ala...quién pudiera. Si eres de los que pueden y te interesa el tema, yo no me lo pensaba, ¡lo pedía ya!



Este es un tutorial -en inglés- sobre cómo hacer un blog personalizado en WordPress. Interesante. Ahora hay sitios que te ofrecen crear un blog pero a veces debes elegir una plantilla que otros muchos usarán también. De esta manera creas tu blog con un diseño personalizado. 



Proporcionado por Usable y Accesible, el blog de Olga Carreras.



Líneas básicas sobre la creación de wireframes, ofrecidas en un formato "presentación" en SlideShare. Bueno, puede servir como referencia para que se afirmen ideas en la cabeza, pero no me parece nada del otro jueves...



Un enlace para descargar este archivo. Yo ya lo tengo (en alguna parte) y es bueno echarle un vistazo porque el señor Jesse James Garrett no da puntadas sin hilo. Tú ya me entiendes...



Una página interesante, con gráficos que lo son también y enlaces a otros lugares que conviene visitar, así como archivos para descargar que merecen. 

La página de Bill Buxton, "investigador del area de investigación de Microsoft", he traducido de lo que pone en este blog pero no sé si lo habré hecho bien. En todo caso, en este otro sitio te enteras mejor de qué va la cosa y de qué ofrece el amigo Bill. Es muy interesante y se puede conseguir su libro con facilidad. Además proporciona vídeos y otras cosas...


Wireframes otra vez, pero en inglés


Tiene muy buen aspecto pero no he tenido tiempo de verla yo mismo. Es una página o blog dedicado totalmente a las wireframes.

Lo que viene ahora es ya otra cosa aunque trata también sobre wireframes. Voy a intentar embeber una presentación, a ver si sale bien. Eso me gustaría...


Wireframes for the Wicked from Nick Finck


Pues mira, ha quedado bien. A disfrutarlo!

Y hasta aquí este ¿artículo? que he expuesto aquí a costa del trabajo previo de iDesWeb (introducción al desarrollo Web), el curso MOOC o CAEM que estoy siguiendo a trancas y barrancas pero que, gracias a este blog, espero tener a mi disposición, y la de quien venga, durante el tiempo suficiente para aprendérmelo todo. Un neófito como yo tiene tanto que asimilar aquí que no me van a ser suficientes las doce (o eran quince?) semanas que dura. Me tomo las cosas a conciencia. Cuando me ofrecen información tengo que desentrañarla entera y aprender lo que hay, no tengo medias tintas. ¿Es un defecto o una virtud? Muchas veces me entran dudas...Saludos.

viernes, 22 de febrero de 2013

Cómo crear una página HTML sin tener mucha idea (y acabar enterándote, además)

Como digo, aquí vas a aprender a hacer una página en HTML ( o XHTML, quizá sería mejor decirlo así) porque Olga Carreras nos ofrece el nivel básico para empezar y logra un gran post, de los de cabecera. En él nos indica los criterios que se siguen, los parámetros que debemos observar, bueno, un montón de cosas a tener en cuenta, pero diciéndonos por qué, cómo, dónde, a veces incluso quién, siempre dejándonos la libertad de elegir entre la información que poseemos y la que podemos conseguir, sin imponerse y menos aún, sin razonar. Me sorprende mucho y de forma desagradable algunos comentarios que se dejan al final. Hay personas que no demuestran el menor respeto para abrir la boca y decir tonterías. La acusan de plagiar en uno, obviando echar un vistazo a su currículum, el cual demuestra que posee conocimientos sobre el tema más que suficientes. Sin valorar tampoco, porque seguramente será mucho pedir, su estilo de escritura, uniforme en todos los tutoriales de que dispone su página. Para terminar y siguiendo echándole flores a Olga, no hojeéis sólo este tutorial; todas las entradas pueden ilustrar la mente de, sobre todo, futuros desarrolladores. Plantilla base- Olga Carreras

sábado, 16 de febrero de 2013

Diseño web y desarrollo web, ¿cuál es la diferencia?

Dentro de el curso hay un vídeo que explica la diferencia entre un diseñador web y un desarrollador web los cuales, por lo visto, son habitualmente confundidos. Además de explicar la diferencia, nos muestra un gráfico del desarrollo de un proyecto web y la implicación de cada departamento (diseño y desarrollo, básicamente) en el mismo. Como se explican muy bien solos, no digo más...
Intenté incluir el gráfico que citaba antes, pero me ocupaba toda la página, era imposible de ver. Como todavía no sé cómo hacer para que eso no suceda (aunque lo he buscado), pues os dejo el enlace a ese bonito gráfico aquí, donde podréis descargarlo y echarle un vistazo. Lo recomiendo, es interesante...



domingo, 10 de febrero de 2013

Línea temporal de Internet- Timeline & Hall of fame

Este es un invento muy de los americanos pero muy ilustrativo. En este caso, que estamos accediendo al desarrollo de la web, me ha parecido interesante enseñaros, si no lo habéis visto en el curso, esta página. Está, en mi opinión, muy bien desarrollada. Me refiero a la parte de Timeline, no a Hall of fame, que me es indiferente. Muy instructivo además. Ahí va...Timeline- Línea temporal
(Y luego he visto esta y no he podido contenerme, está muy bien!)

Y dijo ARPA: "No es bueno que el protocolo esté sólo". Y ARPA vio que aquello era bueno...Si quieres una segunda opinión, aquí tienes

sábado, 9 de febrero de 2013

Estos crearon la máquina cuando aun no existía

Ahora vas a una tienda, te compras un ordenador, lo enchufas a la Red (antes a la corriente...) y, prácticamente, ya estás "navegando". Pero en aquellos años, justo después de haber iniciado la primera transmisión, no existían ordenadores capaces de conectarse entre sí. No sabían "navegar". Eran grandes trastos con poca capacidad en comparación con hoy día. Las universidades donde todo empezó tuvieron que hacer una licitación, solicitando que les construyeran ordenadores que hicieran cosas que todavía no se sabía si se podían hacer. Ellos sabían que se podía pero apenas habían tenido éxito con el experimento. Hubo varias compañías fabricantes que no creyeron posible realizar el encargo; creían que no era viable. Pero una sí tenía fe en conseguirlo. Mejor que lo expliquen ellos mismos...(en inglés) Arpanet

La Red- ¿Cómo podemos hacerlo? Es increíble!

En este vídeo vemos el trayecto que podría hacer una petición de datos de Internet cualquier día, en cualquier momento...Seguro que lo has pensado alguna vez y parece imposible. Pero sucede, lo hemos conseguido, hemos alcanzado al futuro, ¿aquél que veíamos tan lejos? Ya está aquí! Ayer mismo hablé con un amigo a través de videoconferencia múltiple (aunque sólo éramos dos) gratuita (Hangout- "Quedada"), de Google. Es algo impactante, si piensas en ello, claro. Estamos hablando sin eco, sin demora, en tiempo real totalmente. Yo estoy en el norte de España y el en Baleares. Y el proceso es instantáneo. Si te lo dicen hace veinte años no das crédito a lo que oyes.  Bueno, que me lío. Aquí os dejo esto (me lo han pasado, como casi todo, los del MOOC de iDesWeb) para que echéis un rato...

Historia de la Red: primera emisión

Dentro de la historia de la Red, Leonard Kleinrock supone una de sus figuras más importantes. Kleinrock es ingeniero eléctrico. Tras graduarse se doctoró en Informática e Ingeniería Eléctrica, entrando a trabajar en la Universidad de UCLA, donde todavía continúa. Uno de sus trabajos influyó en el proceso matemático que permitió la conmutación de paquetes, clave en la creación de Internet, aunque ha intervenido en más cuestiones importantes para "la red de redes". En este vídeo nos comenta con sencillez la forma en que se inició la primera red, que dio lugar, con tiempo y mucho trabajo de más gente, a la que hoy usamos y conocemos. También nos enseña el registro de eventos del IMP (Internet Message Program), el primer programa que permitió la comunicación de datos a través de una red de comunicaciones electrónica (no sé si lo he dicho bien...). En esa libreta aparece la primera reseña de Internet, sus primeros pasos (aunque todavía no tenía ese nombre).  Hay que tener en cuenta que en ese momento no tenían idea de que estaban haciendo Historia y no había cámaras, ni periodistas ni nada parecido. Sólo unos operarios haciendo su trabajo del día, con ilusión, pero sin tambores sonando de fondo...

jueves, 7 de febrero de 2013

Conceptos avanzados- HTML

Ya he hecho una entrada con uno de los vídeos de conceptos avanzados. Era el que trataba de Lenguaje de caracteres. Lo hice antes de ver que era demasiado ir uno por uno. Dejemos que siga así y dediquemos este espacio a hacer una entrada como la anterior, con enlaces a todos los capítulos de esta parte avanzada de las lecciones sobre HTML que nos quedan aún por ver. 
XML: HTML Y XHTML. En este se nos instruye sobre las diferencias entre estos códigos, que son como hermanos pero no iguales. Cada uno tiene su "carácter" (ja, que a propósito, no?) y aquí nos lo explican. También se relata un poco de la historia de cada uno de ellos, para que sepamos por qué tanta disparidad si todos vienen a querer hacer lo mismo.
HTML- Formularios. Este es un vídeo largo pero la materia a enseñar no es para menos. Y está dividido en una segunda parte, además. Los formularios, aunque en el vídeo se define mejor, son las "fichas" que rellenamos en muchas ocasiones: encuestas, registros en páginas web (Twitter, Facebook...), todas esas páginas donde nos registramos, usan formularios. Es un tema complejo porque hay muchos matices y acaba siendo necesaria la inclusión de otros códigos, como CSS, para que la presentación quede fina.
HTML- Validación del código. Aquí, Sergio nos hace varias recomendaciones sobre el proceso a seguir si queremos tener un código "canónico", "como está mandao". Veremos la forma de validar código en la página de W3C, lo que nos asegura que si el código de la página está bien escrito, será confirmado y, si no lo está, nos ofrecerá los lugares donde yerra y la forma de subsanarlos. También incluye unos ejemplos de validación y páginas donde el código es erróneo (aunque digan que es válido!). Interesante, efectivo, práctico y no muy "rollo".
HTML5- ¿Por qué es importante escribir código correcto? I. En este, disertación un poco larga sobre páginas mal codificadas. Sobre todo aquellas que dicen estar "optimizadas para un navegador en concreto", cuando es algo absurdo. Puedes fallar en un navegador, pero no optimizarlo para uno y dejar a los demás fuera. Si el código es correcto, sirve para todos...
HTML5- ¿Por qué es tan importante escribir correctamente código? II. Otra demostración de que los navegadores pueden reaccionar de formas diferentes a códigos mal escritos o incompletos, quedando demostrado que si se hace el cógido de forma correcta, no dejas opción al navegador a hacer una lectura errónea.
HTML5- ¿Por qué es tan importante escribir correctamente código? III En este nos explica lo que es el DOM, Document Object Model, una recomendación del W3C que está en el fondo de por qué los navegadores interpretan de forma diferente cada código, si no está escrito en ua forma que no admita error en su lectura. Se hace bastante farragoso seguir al maestro Luján...
Vale, hasta aquí el apartado de conceptos avanzados. La siguiente será HTML5, unos poquitos vídeos que nos explicarán sobre este nuevo formato de código, que añade funciones al ya conocido HTML pero que todavía no está terminado. Lo hará en 2014, si el tiempo y las autoridades no lo impiden...Luego entraremos en algo que ya he estado viendo y que tenía muy buena pinta: prototipado de aplicaciones. Pero eso...es otra historia!



miércoles, 6 de febrero de 2013

Módulo 1- HTML, conceptos básicos

Dentro de lo que es el curso, este módulo ocupa varios vídeos de ayuda. Como sería prolijo, innecesario, largo, hacer una entrada de cada uno, en esta única entrada voy a poner todos los enlaces a Youtube y allí nos las componemos. Si pusiera un vídeo en la paǵina de cada explicación que ha hecho iDesWeb quedaría muy bonito pero sería más largo que la obra del Escorial y tengo que estudiar, no llevar un blog. Venga, que se va la luz...
Conceptos básicos-III Modo Libre. Bien, aquí me salto el tutorial que hacen en iDesWeb porque en él recomiendan el uso de Notepad++ y, aunque me parece que dicen que es de código abierto, todo lo que sea instalar con .exe como en Windows, para mí es rechazable. No me gusta ni con Wine. Además, usando GNU/Linux, tengo editores de código competentes donde los haya. Tres ejemplos: Geany (muy similar a Notepad++- viene del desarrollo del mismo editor, anterior a ambos), Emacs y Vi (o Vim). Tres fenómenos. Teniendo cualquier GNU, basta con abrir Terminal y decirle que instale cualquiera de ellos y en un periquete lo tienes. 
Conceptos básicos- IV En este, Sergio Luján nos hace un pequeño repaso, aconsejando normas a seguir, indicando algunos lugares donde buscar información sobre HTML y encargándonos la realización de algunos "deberes" (hay que coger práctica!!). 
Problemas con los editores. Es un entretenimiento más que algo necesario. Advierte sobre los problemas que puede causar un editor de texto si no prestas atención. Al guardar el trabajo hay que guardar como se ha dicho antes ya, en otros vídeos. 
Tres errores típicos. Saltos de página, espacios en blanco y referencias de caracteres. Consejos sobre lo que no se debe hacer con estas etiquetas.
HTML- Listas. Este es muy interesante. Nos enseña a listar. En cualquier página web, en algún momento, es necesario listar algo: cualidades, modelos, objetivos...por lo que este apartado será vital tenerlo asimilado. Haciendo HTML nos vamos a "jartar" de hacer listados, eso seguro...
HTML- Tablas. Estas no serán tan importantes pero no dejan de ser muy necesarias en la composición de cualquier página web o aplicación.
HTML- Enlaces. Y ahora la estrella. Nada hay en una aplicación más útil que los enlaces y más ligado al "invento" Internet, del cual somos deudores si queremos desarrollar cualquier cosa...
HTML- Imagen. Otro clásico que da muy buenos resultados, espectaculares, de hecho.
Bien, esto sería en lo tocante a los conceptos básicos. En la siguiente entrada veremos los conceptos avanzados. Está resultando un curso denso, complejo; no esperaba menos pero va quedándome una sensación de "no-me-da-tiempo,-no-me-va-a-dar-tiempo!" que no te menees. Será cuestión de concentrarse y no perder el buen ánimo.