Lluvia de ideas para la WEB 2.0

• Programación, AJAX, RSS, JavaScript 2.0, Wikis, XML
• DHTML, Blogs, XHTML, Audio, 3WC, Video, SEO
• Movilidad, PDA, Móvil, Open Source, PHP, JSP, ASP
• Mysql, ProgreSQL, Perl, Java, CSS, DIV, DOM, APPLETS
• Mundo Google, Redes Sociales, APis, Folksonimia
• YouTube, Fotos, Participación, Comunidades, PodCasting
• Noticias, Weblogs, Marcadores Sociales, Blogosfera, Buscadores

………………………………………

 Mirar con detenimiento las imágenes de arriba, porque una de ellas es el inicio de la Web 2.0 y la otra de la Web 1.0 y sólo tienen en común el apartado de tecnología como inicio, pero no así,  en su desarrollo posterior.

Cómo vemos la Web 2.0 es mucho más compleja que la Web 1.0 en temas como redes Sociales, Mundo Google, Wikis, RSS, Marcadores Sociales, Weblogs, Comunidades, Técnicas, Open Source y Movilidad.

 Cómo siempre el espacio para visualizar las imágenes en el blog son muy limitadas, por ese motivo las iremos visualizando por bloques y al final del blog, realizare un link para descargar todo el proyecto de la Web 2.0

 La imagen de abajo es el lado derecho del proyecto, pero tengo que indicar lo siguiente :

 En el Apartado de Open Source existen un montón de proyectos no incluidos en el diseño, por tema de espacio he seleccionado los mejores en cada uno de los tipos de (PHP, Java y P2P), dejando muchos de ellos como los proyectos de Perl, Servidores, Editores, Multimedia, ect …

………………………………………………..

La imagen de abajo es el lado izquierdo del proyecto, pero tengo que comentar lo siguiente :

En todos los apartados de (Comunidades, Weblogs, Redes Sociales, Marcadores, Noticias, Compartir Fotos y Vídeos), he colocado los más importantes, pero existen muchos más, por temas de espacio en el proyecto,  me ha sido imposible colocarlos todos. Espero que nadie se enfade por no verse reflejado en el proyecto de la Web 2.0.

………………………………………

Pero lo ideal es ver todo el proyecto en su conjunto : Proyecto Web 2.0 en FreeMind

Pero si quieres saber más sobre las diferencias entre la web 1.0 y la web 2.0, lee el post : diferencias entre web 1.0 y web 2.0

Saludos de Telepieza

 Lluvia de Ideas sobre Web 1.0

• Diseño de Páginas, programación, comunicaciones, Plataformas, Sitios Web
• Html, Marcos, Tablas, JavaScript 1.0, CGI, Hipervínculos, Flash
• Chat, Videoconferencias, Foros, Correos Electrónicos, Web Mail
• Páginas Personalizadas, Portales, Buscadores, E-Commerce
• E-procurement, E-leaming, B2B, B2C, C2C,  B2C
• Chat, IRC,P2P, Grupos de Noticias

Mi lluvia de ideas está bastante clasificada por ser especialista en la materia, generalmente no soy tan lineal, me caracterizo por ser muy caótico en mi mesa de trabajo, lo tengo todo desordenado dentro de un orden.

Para ver bien la imagen picar encima de ella.

 En el primer gráfico dividimos la web 1.0 en 4 apartados

1. Tecnología y a a su vez en Diseño y Programación
2. Comunicaciones y a su vez en Sincrona y Asincrona
3. Sitios Web y a su vez en Buscadores , Portales y Páginas Personalizadas
4. Plataformas y a su vez en Comercio Electrónico (E-Commerce, E-Procurement) y en E-Learning

Por temas de espacio en el blog, las dos siguientes imágenes están divididas en dos, una el lado derecho de la web 1.0 (Tecnología y Comunicaciones) y la otra el lado Izquierdo del la web 1.0 (Sitios Web y Plataformas)

 Lado derecho del proyecto Mapas Mentales de la Web 1.0

…………………………………………………………………………………..

En la imagen de arriba, se ha desplegado los conceptos de

• Diseño ( Marcos, Tablas , Hipervinculos)
• Programación (Html, JavaScript 1.0, CGI , Flash)
• Comunicaciones Sincronas (Chat, WebCam, Video Conferencias , IRC)
• Comunicaciones Asíncronas (Foros,Grupos de Noticias, Correo Electrónico y Web Mail)

Lado Izquierdo del proyecto Mapas Mentales de la Web 1.0

………………………………………………………………….

En la imagen de arriba se ha desglosado los conceptos de sitios web en :

• Buscadores (excite, Ozu, Astrolapio, Hispavista, Biwe, Buscopio). Existen más.
• Portales (Terra, AOL, AltaVista, Lycos, Yahoo, MSM). Existen muchos más.
• Páginas Personalizadas

En la imagen de arriba se ha desglosado los conceptos de Plataformas en :

• E-Commerce (B2B, B2C, C2C, C2B)
• E-Procurement (Clientes y Proveedores). Es un Comercio electrónico B2B.
• E-Leaming (Aprendizaje, Enseñanza On-line, Interactividad, Enseñanza a distancia, etc …)

Pero lo ideal es ver todo el proyecto en su conjunto : Proyecto Web 1.0 en FreeMind

Pero si quieres saber más sobre las diferencias entre la web 1.0 y la web 2.0, lee el post : diferencias entre web 1.0 y web 2.0

Saludos de Telepieza

Ya he explicado el concepto Mapas Mentales (Leer Mapas Mentales y programa Freemind) y ahora toca realizar y empezar a darle al coco sobre algunos temas.

 El proyecto que voy a exponer son los diferentes themes (temas) del wordpress, aquí empezare a colocar ideas sueltas e iré colocando las diferentes imágenes realizadas con el freemind.

Lluvia de Ideas sobre Themes WordPress.

•  Cabecera , Cuerpo, Pie, Estilo, Forma, Color, Resolución,
• Menú navegar en Cabecera, Post, Plugins en Widgets
• Política de privacidad, Presentación, Imagen de Telepieza,
•  Paginación, Publicidad, Últimos comentarios, Busqueda
• Subcripción, RSS, Quienes Somos, Foros, Mapa del Blog
• Comentarios, Para todos los públicos, Profesional
• Clasificación por Categorías y Meses (Archivos)
• Estadísticas de velocidad, Saludo de Presentación al Usuario

Creo que mis ideas sobre el blog están un poco alocadas en su presentación, eso significa que mi mente no es lineal y empiezo a escribir cualquier cosa que me viene a la cabeza sobre los diferentes estilos y plantillas que deseo para mi blog.

 Lo primero es realizar el proyecto y colocar los tres conceptos que se divide un themes

•      Cabecera
•      Cuerpo
•      Pie

……………………………………….

A partir de aquí iremos desarrollando el proyecto.

  Una vez clasificado por Cabecera, Cuerpo y Pie, ahora nos toca colocar nuestras ideas caóticas en cada uno de los tres apartados.
En Cabecera , pondremos inicialmente el Diseño de la cabecera y nuestro menú de navegación.
En el Cuerpo , lo dividiremos inicialmente en el Color de fondo, el tipo de letra a escribir y la resolución de pantalla
En el Pie, por ahora lo dejamos aparcado.

En la imagen de abajo seguimos colocando nuestras ideas de forma lineal siendo introducidas en cada uno de los apartados, ampliando el concepto de diseño, menu , pie y casi todo el cuerpo.

……………………………………………………………………………..

• El diseño de cabecera lo ampliamos a Cambio de Fondo de Color o una imagen que identifique nuestro blog. Me quedo con la imagen es más guay a nivel de diseño.
• En el Menú de Cabecera colocare (Inicio, Foros, Quienes somos y un Mapa de navegación
• El Color de fondo del Cuerpo sera blanco y las letras en negro
• La resolución del blog a 800×600 y centrado a 1024×764
• En el Pie algo sencillo (Tag, Estadisticas, Rss, E-mail, Politica de Privacidad

Pero aún faltan ideas a colocar y quiero seguir añadiendo en mi proyecto a nivel de cuerpo, sobre todo el tema de ampliar el concepto de resolución, columnas, widgets y contenido. En la imagen de abajo se indica muy bien el detalle de dicha ampliación en la parte del cuerpo del proyecto.

Al ser el cuerpo de fondo Blanco, letra de color negro, para escribir la fuente será Time New Roman a 12. La resolución es de 800×600 eso significa tener 1 o dos columnas, al final me decanto por dos columnas , una el tema y el otro el widgets.

 En el tema colocare (Cada vez que pueda una foto, 4 post como maximo, poder imprimir el post y paginar las páginas del blog de una forma muy cómoda).

 En el Widget (Columna lateral) colocare un buscador, publicidad, Calificar los post por (Categoria, Meses), últimos comentarios, texto de saludos y la subcripción a mi blog.

 Una vez desarrollado el proyecto, me puse manos a la obra y el blog de telepieza es calcado a la explosión de ideas iniciales de mi mente caótica.

 Pero si quieres profundizar aún más en los themes de WordPress , lee el post :

Tipos de Plantillas o presentación en los blog de WordPress

Un Saludo de Telepieza

 El ser Humano no piensa de forma lineal, pero sí puede colocar sus pensamientos de dicha forma en un papel o soporte Informático, y realizar su desarrollo para ver sus resultados a los problemas que se plantea.

 En las primeras fases de creación de una idea, si no utilizamos las técnicas de Mapas Mentales, puede restringir la creatividad y proyectos de nuestra vida (Empresarial o Personal), disminuyendo nuestra eficacia en el análisis del proyecto final.

El concepto de Mapas Mentales es simple según explica el Sr. Tony Buzan :

“Un mapa mental consta de una palabra central o concepto. En torno a la palabra central se dibujan de 5 a 10 ideas principales que se refieren a aquella palabra.
Entonces a partir de cada una de las palabras derivadas, se dibujan a su vez de 5 a 10 ideas principales que se refieren a cada una de ésas palabras”.

¿Para qué explico todo esto?  

Porque existe un programa gratuito en Open Source llamado FreeMind, que nos ayuda a realizar dicho trabajo y es uno de los programas más descargados en la actualidad en el mundo del software libre. Va por la versión 0.8.1 y está en Español. Merece la pena probarlo y realizar una explosión de ideas con FreeMind.

 Y los principales motivos para utilizar la técnica de Mapas Mentales son :

• Facilidad: Es muy fácil de aprender a realizar los gráficos en muy pocas horas.
• Eficiencia: tendrá una mejor planificación, más ideas y usará menos tiempo.
• Utilización: En el mundo real está demostrado por ser utilizado por Multinacionales, Universidades y Profesionales.

Según lo expuesto , utilizar la técnica de mapas mentales es una de las mejores técnicas para explosionar un montón de ideas y verlas plasmadas en el gráfico (Ver imagen).

Por temas de espacio, he desarrollado una parte del proyecto de foros de Telepieza , pero creo que se puede ver la idea del porqué es esencial trabajar con una herramienta tan potente como es FreeMind.

Un Saludo de Telepieza.