Elementos de Diseño Web

Recordando varios trabajos anteriores, antes que se conformara la empresa pensaba desde la perspectiva de la Ingeniería, es decir desde una perspectiva disciplinada, sólida, enfocada a resultados y crear, en vez que fumar marihuana o indagar nuevas experiencias con LSD, echarse en los pastos y mirar el cielo por periodos demasiado extensos, llego a la idea de que con un par de elementos bien estructurados, buen gusto y sofisticación minimalista, se pueden hacer muchas cosas, y de forma muy fácil.

Desde mi perspectiva de guitarrista profesional, un músico ES un artista si toca lo que le nace, y es un diseñador si toca lo que les gusta a otros. Por lo que es bueno trabajar con gente que sean artístas de sus vidas y disciplinados para diseñar una solución, no un capricho.

Luego de divagar un rato y buscarle el sentido a la vida, los elementos principales -segun mi opinión personal y dejando de lado un sinnúmero de libros y artículos leídos sobre diseño- serian:
-Estructuración como esquematización de una interface en layouts, con contenido de relleno, que puede ser texto, pero no abusar haciendo un collage de otras web, acción que podría ser útil como inspiración y ver ideas con más claridad.
-Identificar los colores institucionales
-Diseñar header con el Logo empresarial, nombre empresa, y algunas imágenes de la institución o que identifiquen la empresa.
-Tipos de menú y categorizacion de estos, ver diseños.
-definir diseño de Boxes en las que se ubicaran los contenidos, trabajando con los bordes o fondos, aplicando transparencias, semi-transparencias, desarrollando dots y adornos para títulos de estas boxes.
-Seleccionar mejores imagenes representativas acorde a la actividad de la empresa y ubicar segun la distribución en el esquema de distribución de layouts.

Trabajo en equipo, trabajo en pareja

Al igual que en las relaciones de pareja, el trabajo en equipo se funda en la confianza y el respeto, donde apreciando y reconociendo las habilidades y falencias de cada miembro del equipo se puede avanzar ordenada y metodologicamente, con una planificacion clara, una carta gantt detallada al máximo, los recursos bien definidos, y algunos indicadores de confianza para externalizaciones de tareas pienso bastante bueno.

Una metáfora interesante respecto a no pagar trabajos fallidos como filosofía de empresa, aunque sea útil para aprender, es bastante útil para cuando comienza una empresa de este tipo, y creo también que podría extrapolarse a emprendimientos en otras áreas, donde mirandolo desde la perspectiva de pareja, no te puedes casar con todas tus pololas, o andar repartiendo anillos de compromiso de oro, con un zafiro, rubi, o diamante y un mini-dispositivo de rastreo GPS xD.}

Definitivamente no es un favor el que no se pague por demos en esta etapa, puesto que las personas que estamos contratando, pueden ser los mas profesionales del mundo, y todos los clientes y oportunidades para tener éxito en sus carreras, pero también están aprendiendo, así es que si hay que negociar, para eso estamos.

Desarrollo Web en equipo

Diseñar un sitio web, es ir creando el nuevo mundo, este mundo virtual en el que vamos construyendo sus edificios, vias de tránsito, pero que crece de forma desordenada, y con mal gusto, puesto que lo que ha importado hasta el momento es la utilidad que brinde el sitio, ya sea un sitio dinámico con alguna idea innovadora de comunidades [puesto que el crecimiento de suss usuarios crece exponencialmente], o un típico sitio de empresa para hacer presencia en la red.
Este mes ha sido bastante frenético respecto a trabajos que he estado realizando con mi empresa, y la subcontratación de diseñadores que sean especialistas en web, que sean metodológicos, y cumplan con los requerimientos que les exigimos. Los diseñadores son escasos, y la mayoria tiene los humos demasiado altos, ponen altas espectativas y al final el trabajo que entregan no es muy bueno, salvo contadas excepciones.
Aquí entramos a otro tema de RRHH, donde la idea es conseguir gente de calidad y que se ponga la camiseta con lo que hace, pero asi mismo como nosotros en la empresa que comenzamos, y realizamos todas las pegas que encontremos con la mejor disposición, para ganar experiencia, y hacer las cosas de la mejor manera posible, para ofrecer calidad a nuestros clientes, mucha de la gente con la que hemos trabajado, no tiene experiencia, no escuchan realmente lo que necesitamos, hacen las cosas de las maneras más inesperadas, haciendo alusión a que es su creatividad... por ejemplo pidiendo un demo de un sitio de facultad, y nos entregan un fondo de pantalla para power point, que tambien parece un afiche para imprimir, del tamaño del diario El Mercurio, y por otro lado, un demo para una escuela y obtenemos una pagina "demo", de venta de Palm.

Hay varias cosas que enfrentar al comenzar una empresa desde mi perspectiva de estudiante tesista, que probablemente un alumno que lleva un par de semestres en la Universidad no entiende ni imagina, por lo que me gusta también trabajar con estudiantes, esclavos, mascotas, etc. para que aprendamos juntos, y aprendamos otro aspecto que normalmente no se ve en las aulas de clases y tienen que ver con gestión, proactividad, relaciones interpersonales, habilidades comunicacionales, habilidades sociales, asertividad, madurez,etc. que son muchas veces estos los factores que hacen fallar iniciativas que son relativamente sencillas de llevar a cabo.

El trabajo en equipo para desarrollos aumenta su complejidad a medida que aumenta la gente que participa de este, aumenta su entropía, dentro de lo cual la LEALTAD es lo más importante, por lo que ahora encuentro toda la razón a Donald Trump cuando dice que ese tipo de personas deben estar fuera de tu organización.

Kreaz Planning

The assignment

The team Kreaz is expected to produce a Gantt chart and to keep it up to date for use in planning your project. We are start using GanttProject for produce our charts. With this tool we can simply separate task in category, establishing milestones, work progress and relationships between them.

(Sorry my english, but I'm on language rodaje!)

We follow these guidelines in creating our chart:

• Use weeks as the time unit
• Include the Mid-project review, Design Show, and Final report due as milestones. Have up to four additional milestones, no more.
• Show more detail on design tasks, less detail on reports/documentation/presentation tasks. Should have about 3/4 design tasks, 1/4 documentation/presentation related tasks.
• Getting parts can take 2 weeks or more, depending on the part. If your company is building parts for your prototype, getting your part scheduled can take a long time. Build these delays into your planning chart.
• Review and update Gantt chart every 14 days, more often if needed.

Project Planning for Software Development

A Project is a set of activities which ends with specific accomplishment and which has

1. Non-routine tasks
   
2. Distinct start/finish dates, and
   
3. Resource constraints (time/money/people/equipment)

"Tasks" are activities which must be completed to acheive project goal. Break the project into tasks and subtasks. Tasks have start and end points, are short relative to the project and are significant (not "going to library", but rather, "search literature"). Use verb-noun form for naming tasks, e.g. "create drawings" or "build prototype". Use action verbs such as "create", "define" and "gather" rather than "will be made". Each task has a duration. Very difficult to estimate durations accurately. Doubling your best guess usually works well.

"Milestones" (Hitos) are important checkpoints or interim goals for a project. Can be used to catch scheduling problems early. Name by noun-verb form, e.g. "prototype complete", commonly used for Software.

Your plan will evolve so be flexible and update on a regular basis. It also helps to identify risk areas for project, for example, things you don't know how to do but will have to learn. These are risky because you may not have a good sense for how long the task will take. Or, you may not know how long it will take to receive components you purchased for a project.

there are some notes that I dont have to forget.

Actualizando Freebsd

Por millonésima vez busco como actualizar el server Kreas la empresa Internacional para la cual trabajo, y esta vez a prueba de lagunas mentales, dejaré los pasos escritos con sangre.

1. Una opción es portsnap que desde la versión 6 viene integrado para actualizar la colección de ports:
   
• root# portsnap fetch extract
2. Actualizando paquetes
   
• root# cd /usr/ports/sysutils/portmanager
• root# make install clean
• root# portmanager -u
3. Actualizacion corta de seguridad
   
• freebsd-update fetch
• freebsd-update install
  

Top-level domain

Esta es la última parte de un nombre de dominio por ejemplo ".com". Existen 2 tipos de top-level domain:

• Sponsored: Propuesto por una agencia independiente que propone ciertas reglas que restringen la eligibilidad de los usuarios que usen el TLD.
  
• Unsponsored: Implementados por primera vez en 1985 (com, edu, gov, mil, net, org)

Y ASI CON LA COSA.

RMI para comunicaciones entre nanosatélites?

¿Sabían que la Universidad Católica de Temuco enviara nanosatélites al espacio? Pues sí.

Java Remote Method Invocation, permite al programador crear aplicaciones distribuidas basadas en tecnología JAVA. RMI es un mecanismo similar a Corba ofrecido por Java que permite hacer una invocación a un método de forma remota, en otras palabras, un software X puede invocar un método que se esta ejecutando en una máquina remota. Si lo que se quiere es conectarse con aplicaciones desarrolladas en otras tecnologías, debemos usar Corba o Soap.

RMI usa la serialización de objetos (Debido a la persistencia ...ahh que recuerdos de estress aquellos con el profesor Donoso, pero se aprendia bien y rápido!) y también soporta polimorfismo orientado a objetos.

Según wikipedia la arquitectura RMI puede verse como un modelo de cuatro capas:

1. Capa es la de aplicación y se corresponde con la implementación real de las aplicaciones cliente y servidor.
2. Capa proxy, o capa stub-skeleton. Esta capa es la que interactúa directamente con la capa de aplicación.
3. Capa de referencia remota responsable del manejo de la parte semántica de las invocaciones remotas.
4. Capa de transporte es la responsable de realizar las conexiones necesarias y manejo del transporte de los datos de una máquina a otra.

Ahora viendo un poco de historia de como aparecio Java, un lenguaje que en un principio iba a ser para "electrodomésticos", se ha espandido masivamente por la ventaja que ofrece a los desarrolladores, de crear software multiplataforma. Aquí entran los nanosatélites. No son electrodomésticos estos nanosatélites, aunque sean del tamaño de una taza de café!, trabajarían muy bien con Java. Luego viene el trabajo de hacer un desarrollo lo mas óptimo y confiable posible, sino toda la inversión, se va al basurero y estamos hablando de varios cientos de millones de pesos chilenos. Recuerdo en el Congreso Nacional de Computación del 2005 que en una de las charlas se toco un aspecto importante sobre las nuevas tendencias en desarrollo de algoritmos para compresión de fotos, en la cual recuerdo haber pedido la palabra haciendo una acotación respecto a imagenes procesadas para videos, donde hay secciones estáticas, por lo cual debiera permanecer estátias esas zonas, sin incrementar el tamaño del fichero.

El tamaño si importa. Me refiero a los nanosatélites, pues al ser tan pequeños (Mas pequeños que los desarrollados en EEUU, que pesan 1.5 toneladas), tienen restricciones en cantidad de memoria disponible a pesar de los increíbes avances en esta área. Voy a enviar un nanotatelite, con mi ipod nano, esa seria una solución clave!.

El punto es que aparte tener excelentes algoritmos de compresión, el usar RMI nos permitiría tener aplicaciones distribuidas no muy grandes, manejando algunos componentes de software remotos y que obviamente no sean de misión crítica.

El deber me llama, pero ya les conté un poco de estos nanosatélites que enviaremos en la Universidad Católica y que es un orgullo ser parte de algo que esta creciendo, y que va creciendo como un proyecto donde tienen parte escencial los alumnos.

Referencias:
Java RMI
Universidad Católica de Temuco

Xampp vs Appserv vs Wamp

Découvrez PHP5 grâce à WAMP5 !, ...bueno gracías a estos útiles three toys.

Como primera opción si lo que se quiere es montar un servidor aparece Xampp:
+ Apache 2.0
+ MySQL 5.0.27
+ PHP 5.2.0 + PHP 4.4.4 + PEAR
+ PHP-Switch win32 1.0 (please use the "php-switch.bat")
+ XAMPP Control Version 2.3 from www.nat32.com
+ XAMPP Security 1.0
+ SQLite 2.8.15
+ OpenSSL 0.9.8d
+ phpMyAdmin 2.9.1.1
+ ADOdb 4.93
+ Mercury Mail Transport System v4.01b
+ FileZilla FTP Server 0.9.20
+ Webalizer 2.01-10
+ Zend Optimizer 3.0.2
+ eAccelerator 0.9.5 for PHP 5.2.0 (please comment out in the php.ini)

Ofreciendo todas estas cosas innecesarias, absurdas, ridículas y desagradables.

Por otro lado Wamp con:
+Apache 2.0.59
+PHP 5.2.0 + PECL
+SQLitemanager
+MySQL 5.0.27
+Phpmyadmin

Y Appserv con:
+Apache
+MySQL
+phpMyAdmin
+PHP

Estos últimos mas útiles para pruebas en tu servidor local. Este último funciona espectacularmente.

Después de haber dado una humilde opinión imparcial, me despido!

Saludos cordiales San Diego!

Metodología Web II

Por fin terminé la metodología que emplearemos para el desarrollo de aplicaciones en nuestra empresa. La productividad y solidez dependia de ello, pero ya esta 100% terminado. Misión cumplida. Done. Ahora a socializar la pauta con mis socios Cristian Ortiz y Víctor Valenzuela, y una revisión de nuestro profesor guía, Oriel Herrera.
Queda ahora por avanzar en:

1. Plan de Negocios 20%
2. Metodología desarrollo Interfaces
3. Leer todo de Jacob Nielsen
4. Podcast: http://itc.conversationsnetwork.org/shows/detail670.html
5. XHTML, CSS, Javascript, PHP, MySQL
6. XHTML, CSS, Javascript, PHP, MySQL
7. XHTML, CSS, Javascript, PHP, MySQL
8. Gestión de proyectos con TWTeam/BCSW/PMS
9. Desarrollo Interdependiente
   

Ahora a celebrar el 18 y el aniversario de 1 año con mi peliroja.
Despues formatear y ajustar todo el mote para producir a toda máquina.
Mañana al médico, para ver por que diantres me vienen unos dolores
de estomago del mal.

Y después, arte, metal progresivo, ingeniería y los boletos a Europa como sea!

Metodología Web

Querido blog, parece que sólo los 2 trabajamos en este 18 desde las 9 de la mañana.

Revisando metodologías webs, recordando un poco de esas frenéticas jornadas de aprendisaje y exposiciones semanales con el profesor Gustavo Donoso, llegué a la conclusión que hay una colección de información y conocimiento que nos permite desarrollar aplicaciones sólidas. Probablemente sea demasiada información, precisamente por que no hay una sola metodología que sea la panacéa. Cada empresa, desde Sun (con su denominación bursátil JAVA xD), hasta Sonda que nos han dado en un ojo con el transantiago, definen sus propias metodologías, y que son algo así como un puré de políticas de la empresa, filosofías y más y más conocimiento innecesario.

Pero volviendo a lo que busqué, en general las metodologías constan de:

1. Análisis, diseño, implementación, control y otra iteración como en RUP
2. Análisis, diseño, codificación, puesta en marcha
3. Análisis, desarrollo, implantación, pruebas
   

Estaba pensando que algo respecto a esto podría ser mi tesis, puesto que hay mucha información innecesaria que me da pena borrar. Por lo pronto dejaré solamente lo extremadamente útil y de manera muy resumida, puesto que comenzando una empresa, hay mucha información nueva que asimilar y lo que queremos y necesitamos como decia anteriormente son las BASES unas benditas sólidas bases.

Aún faltan las bases valóricas, roles, pero ya voy avanzando. Excelente oportunidad para aprender se me presenta, pero nuevamente si no hay valores ni transparencia ni respeto ni confianza ni comunicacion y arrogancia al extremo, se pueden ir todos al maldito infierno, puesto que en mi vida como músico he vivido ahí por mucho tiempo. Donde todo sube y baja constantemente, y ahora en general el ambiente va en cámara lenta a lo mismo, más espectativas excesivas, autocoronaciones de genios de informática en Temuquito, ciudad de 4 cuadras y 5 ovejas.

Sigamos dándole, centrados, con ganas de aprender, aprender de personas, y ser un mejor ingeniero civil y músico haciendo siempre el bien.

Online Storage II

Ya en el post anterior les conté, o mas bien anote la lista para acostarme y seguir trabajando hoy que conviene mas a nuestra empresa.

Pues aquí viene una selección de las herramientas online mas útiles y agradables de usar, con screenshots.

http://www.xdrive.com/

https://www.mediamax.com/

http://www.omnidrive.com/


http://www.filesanywhere.com/


http://www.mydatabus.com/


http://www.4shared.com/

Media Max ofrece 35 GB gratis de almacenamiento, y todas estas herramientas permiten compartir archivos, crear grupos, etc.

Online Storage

Queriendo guardar ebooks, documentación, contenido multimedia, presentaciónes y basura en general, mi cerebro pide a gritos un sistema útil tanto para almacenar información, como para gestionarla, que es lo importante en esta era.

En este marco destacan opciones gratuitas listadas a continuación:

1. http://www.mediamax.com/
2. http://skydrive.live.com/
3. http://www.4shared.com/
4. http://www.xdrive.com/
5. http://www.dropboks.com/#
6. http://www.mydatabus.com/
7. http://online.twproject.com/applications/teamwork/security/login.jsp
8. http://cyn.in/
9. http://basejumpr.com/
10. http://upload.divshare.com/
11. http://www.filesanywhere.com/
12. http://www.productsandservices.bt.com/consumerProducts/displayProduct.do?productId=CON-3291
13. http://storage.vmn.net/intl/english/index.php
14. http://www.esnips.com/
15. http://www.omnidrive.com/
16. http://www.mediafire.com/

En la próxima "entrega", les comentare más filtrare.

Web 2.0, Más que tecnología, una actitud

Se trat de aplicaciones web que generan colaboración y servicios que reemplazan las aplicaciones de escritorio. Un ejemplo de esto es lo que esta haciendo GOOGLE a lo que poco a poco, los usuarios an migrando a sus herramientas online, Google Calendar, Google Spreadsheet, etc.
Now we’re looking to a new set of tools to aggregate and remix microcontent in new and useful ways.

These tools, the interfaces of Web 2.0, will become the frontier of design innovation.

To summarize, these are what we see as the six main themes covering design in the Web 2.0 world:

1. Writing semantic markup (transition to XML)
2. Providing Web services (moving away from place)
3. Remixing content (about when and what, not who or why)
4. Emergent navigation and relevance (users are in control)
5. Adding metadata over time (communities building social information)
6. Shift to programming (separation of structure and style)

El mayor impacto de la Web 2.0 se refleja en el diseño, aparte de dar mas flexibilidad al manejo del contenido, la sindicación, etc.

Bueno, bonito y barato.