Featured Posts

Emprender #001 Periódicamente iré escribiendo pequeños artículos sobre emprendimientos, aquí doy inicio con el primero que aunque breve trata de ser una especie de introducción para este ciclo de textos. Trataré...

Read more

Las redes sociales en la empresa Ayer, tuve que ver la posibilidad de la incorporación de redes sociales en la actividad diaria de la empresa para la cual me encuentro trabajando, y de proponer cuales serian las redes importantes...

Read more

Clase de diseño web #002 La semana pasada dimos los primeros pasos en la construcción de sitios web, hoy evolucionaremos un poco más e incorporaremos nuevos elementos dentro del código y comenzaremos a trabajar con las...

Read more

Clase de diseño web #001 Es muy común ver hoy en día aún un mal uso del html, y mucho peor el uso del css, aunque exista gente que se las ingenie para hacer cosas totalmente increibles como llamar a 11 hojas de estilo,...

Read more

Emprendedor Acá les dejo un videito para todos aquellos que son emprendedores y saben lo que cuesta llegar a algo, pero para eso no hay que bajar los brazos y muchas veces ir en contra de la corriente. Espero que...

Read more

Emprender #001

Posted by admin | Posted in emprender | Posted on 20-03-2010

Tags: , , , ,

4

emprender

Periódicamente iré escribiendo pequeños artículos sobre emprendimientos, aquí doy inicio con el primero que aunque breve trata de ser una especie de introducción para este ciclo de textos. Trataré de plasmar experiencias, conocimientos, incertidumbres, hipótesis, entre otras.

A este artículo lo escribi pensando en que los pequeños emprendedores también podemos (y debemos) ser estrategas:

Mucha veces pensamos que es prácticamente imposible iniciar un emprendimiento sin tener un capital inicial, pero no nos damos cuenta de que el capital más valioso que se debe tener en el momento de emprender es el de la lucha, la constancia y la cabeza, en una palabra el capital “YO”. Obviamente el capital monetario puede resultar de gran ayuda y facilitar (o complicar muchas veces) los pasos a seguir. Todo bien, pero… ¿Cómo inicio un emprendimiento? ¿Qué puedo emprender? ¿Por dónde empiezo?

Bueno yo como tengo mucha lectura en el mundo de la comunicación por cirscunstancias de la vida, siempre para todo aquello que quiera emprender/crear/publicitar/diseñar/etc/etc lo que me resulta muy sencillo el realizarme una serie de preguntas como guía, las cuales he tomado prestadas de una de las teorías de la comunicación, dicha teoría es la de las 5 preguntas, la teoría de Laswell, esas preguntas son:

¿Quién dice que, en que canal, a quien y con que efecto?

Pero yo hago algunas adaptaciones y siempre, no importa el caso a trabajar, realizo una pregunta más ¿De que modo? antes de ¿Con que efecto?, entonces la guía nos quedaría del siguiente modo:

¿Quién?
Nombre de la marca o persona

¿Que dice?
Valores a transmitir, valores comunicativos

¿En que canal?
Donde lo digo, en ineternet, en una revista, en la calle…

¿A quien?
Target al que me dirijo, si no conozco a quien me dirijo jamás voy a poder llegar a el

¿De que modo?
Cual es el tono del mensaje a comunicar, cuales son los colores a utilizar…

¿Con que efecto?
Que es lo que quiero lograr, mayores ventas, hacerme conocido, mostrar mi trabajo, etc.

No pretendo darles una receta infalible, porque aún no tengo millones de Euros en el banco, no cumplí todos mi objetivos en la vida, y cada paso que doy lo hago con mucho esfuerzo, pero no voy poniéndome pequeñas metas a corto plazo y trato siempre de cumplirlas, y por el momento si bien algunas no he llegado a realizar en tiempo y forma, no me detienen porque se muy bien lo que quiero para mi en el futuro.

Siempre tenemos que saber que como decía un gran amigo, compañero de la vida, mi abuelo: “Sin sacrificio, no hay beneficio” y unos agregados de la enseñanza de la vida son las tres G: Ganas, Ganas y más Ganas de querer llegar.

Hablemos un poco de software

Posted by admin | Posted in dolor de cabeza | Posted on 10-03-2010

Tags: , , , , , , , , , ,

6

softwareEl otro día estaba en el trabajo y me paso esas charlas que a uno lo motivan para hablar horas y horas (o generan dolores de cabeza) pero no había mucho tiempo por perder. La cosa fue así, yo me encontraba haciendo adaptaciones a un script para un trabajo que tenía que hacer, e impunemente me trataron de ladrón por no escribir el script desde cero, pero el caso es que no era así debido a que era “Open Source” y a su vez “gratuito”, por lo cual, mi respuesta fue, yo no robé nada simplemente bajé en forma legal un script “Open Source” que estoy adaptando para este trabajo. Es más si te fijas acá está el autor y todos los créditos de su creación. De todos modos, creo yo que no me entendíó.

Entonces bien, hagamos un resumen sobre algunos tipos de licencias como, Open Source, Copyright y Copyleft. Y no me voy a cansar de aclarar que Software Libre NO SIGNIFICA GRATIS.

Primero lo primero, que es Licencia de Software?

Según la querida Wikipedia:

Una licencia de software es un contrato entre el licenciante (autor/titular de los derechos de explotación/distribuidor) y el licenciatario del programa informático (usuario consumidor /usuario profesional o empresa), para utilizar el software cumpliendo una serie de términos y condiciones establecidas dentro de sus cláusulas.

Las licencias de software pueden establecer entre otras cosas: la cesión de determinados derechos del propietario al usuario final sobre una o varias copias del programa informático, los límites en la responsabilidad por fallos, el plazo de cesión de los derechos, el ámbito geográfico de validez del contrato e incluso pueden establecer determinados compromisos del usuario final hacia el propietario, tales como la no cesión del programa a terceros o la no reinstalación del programa en equipos distintos al que se instaló originalmente.

Tipos de software

Existen muchos tipos de software, veamos
Software libre u Open Source
Lo que NO significa GRATIS, es todo aquel que vine autorizado para que cualquiera pueda usarlo, copiarlo, prestarlo, distribuirlo, como viene de fábrica o con modificaciones, de forma gratuita o con algún tipo de gratificación a cambio.
Lo que este tipo de licencia significa es que el código fuente debe estar disponible (Open Source).

Existen distintos tipos de software libre, los cuales describo a continuación.

Software de dominio público
Es todo aquel software que no posee ningún tipo de licenciamiento, que permite su uso, copia, modificación o redistribución con o sin fines de lucro.
Software protegido con copyleft
En simples palabras el copyleft priva a quienes redistribuyen el software para que no puedan agregar restricciones al momento de redistribuirlo o modificarl. Lo cual da por entendido que todas las copia (modificadas o sin modificar) deben ser Software libre.
Software libre no protegido con copyleft
Este tipo de software permite (al contrario del copyleft) autoriza a redistribuir, modificar y añadirle resricciones adicionales, por lo tanto no todo aquel que haya sido Software libre, va a seguir siéndolo, puede ser modificado y convertirse en software privativo.
Software semilibre
Este tipo de software no llega a ser libre en su totalidad, pero puede ser usado, distribuido, copiado y modificado por particulares (permite uso, copia, modificación o redistribución con o sin fines de lucro.
Software privativo
Su uso, redistribución o modificación está prohibida, o requiere que usted solicite autorización o está tan restringida que no pueda hacerla libre de un modo efectivo. No se puede compartir, ni prestar, y según lalicencia tiene permiso de uso en la cantidad de computadoras que se permita en la misma.
Freeware
Permiten la redistribución pero no la modificación (y su código fuente no está disponible). NO es Software libre.
Shareware
Permite redistribuir copias, pero quien continua usando una copia deberá pagar una licencia. NO es Software libre ni semilibre.

Software Comercial
Este tipo de software, está al margen de ser libre, semilibre o privativo. Es todo aquel que sea desarrollado con fines lucrativos. Por lo tanto puede ser libre, semilibre o privativo y al mismo tiempo ser comercial.

Las redes sociales en la empresa

Posted by admin | Posted in negocios | Posted on 06-03-2010

Tags: , , , , , , , , ,

2

redes.jpg

Ayer, tuve que ver la posibilidad de la incorporación de redes sociales en la actividad diaria de la empresa para la cual me encuentro trabajando, y de proponer cuales serian las redes importantes para poder utilizar, y de que modo se trabajarían las mismas. Por lo que decidí poner manos a la obra y realizar una investigación en conjunto con mi breve experiencia en el tema.

Una de las conclusiones que saqué fue que “en casa de herrero, cuchillo de palo” porque si bien uno sabe como son las prácticas de utilización (o cree conocerlas) muchas veces terminamos por no aplicarlas, pero bueno veamos un resumen de lo que preparé para la empresa.

Primero podemos observar en el tiempo en el que vivimos que son momentos de muchos cambios en torno a lo económico, los social y casi sin notarlo por la velocidad en que ocurre que no nos da tiempo para detenernos a pensar, el cambio tecnológico. Por todos estos cambios podemos apreciar el gran crecimiento de las “redes sociales”, y como estas van abriéndose un camino muy importante dentro del entorno “empresarial”.

Hay estudios en los que se informa que las compañías continúan explorando el uso de los medios sociales como la próxima frontera de comunicación. Los medios sociales llaman la atención de los empleados en tiempo real y sobre una variedad de temas”.

Mi propuesta es dar un giro entorno a este tema y comenzar a crear comunicaciones en las principales redes sociales apuntadas al sector empresarial. Es muy conveniente la utilización de las redes sociales como “Twitter”, “Xing”, “Linkedin”, “Startupnation”, “Emprendedores 2.0” entre otras.

Si bien las redes sociales mencionadas son en su mayoría apuntadas a un público empresario, Twitter se despega del resto por su forma de utilización y poder de masividad, agregando “valor” a ciertas áreas de la empresa. En el área de marketing es muy importante debido a su relación directa con el Social Media. En comunicación y RRPP se puede dar un gran uso debido a ser una comunicación en tiempo real. Es una gran herramienta para potenciar la marca, mejorar las ventas, y situar a los mercados y optimizar la percepción de los potenciales clientes.

En cuanto a la promoción de eventos es una herramienta sumamente importante, debido a que en esta red social las comunicaciones relevantes generan el efecto “bola de nieve” dando la posibilidad a usuarios que no se encuentran conectados en forma directa con nuestra cuenta enterarse de la información y siendo más posible tener nuevos seguidores (followers).

Por otro lado Xing, Linkedin, Startupnation y Emprendedores 2.0 son redes sociales que tiene un funcionamiento similar, y son apuntadas específicamente a el público empresarial, en las cuales se pueden generar noticias, debates y promocionar eventos de una forma muy efectiva, con un público internacional y de una gran cantidad de usuarios.

Por otro lado nos encontramos con “Facebook” que es sin duda la red social más importante de hoy en día con un perfil más des-contracturado, la cual puede ser sumamente importante la presencia para poder generar una comunicación distinta, llevada más al lado personal y comunicando los distintos eventos. Esta red puede ser útil para humanizar más la marca.

Se deben estandarizar todos los empleados que en su perfil profesional utilicen los mismos datos, con el puesto de trabajo correspondiente, el enlace a el/los sitio/s web de la empresa, y de ser posible la utilización de logos, que todos utilicen el mismo.

La creación de grupos es una utilidad importante, y que todos los empleados que se encuentren registrados se suscriban al mismo.

También es importante la presencia en redes como “Flickr” y “You Tube”, principalmente cuando se trata de una empresa que se dedica a eventos, o para profesionales dentro de las ramas del diseño o para todo aquel que tenga productos para ser mostrados, o simplemente (al menos You Tube) para la publicación de una presentación de los servicios que brindamos.

Y no debemos olvidarnos de un “blog” en el que periódicamente vayamos publicando información pertinente y hacer difusión del mismo en las distintas redes sociales.

Enlaces importantes:
Xing:
www.xing.com
Linkedin:
www.linkedin.com
Startupnation:
www.startupnation.com
Emprendedores 2.0:
www.emprendedores20.com.ar
Twitter:
www.twitter.com
Facebook:
www.facebook.com
Flickr:
www.flickr.com
You Tube:
www.youtube.com

¿Vos que opinión tenés al respecto?

Clase de diseño web #002

Posted by admin | Posted in diseño web | Posted on 30-11-2009

Tags: , , , , , , , , , , , , , , ,

1

curso-html-2

La semana pasada dimos los primeros pasos en la construcción de sitios web, hoy evolucionaremos un poco más e incorporaremos nuevos elementos dentro del código y comenzaremos a trabajar con las hojas de estilo.

Primero abrimos el documento anterior, que habiamos denominado “primerdocumento.html” y comenzaremos a trabajar.

En la primer línea del documento vamos a escribir:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
DOCTYPE es la declaración de la versión de documento (HTML o XHTML) que vamos a trabajar, y es la información que toman los navegadores para poder trabajar de fomra más eficiente (aunque cuando nos metamos más en tema veremos que algunos navegadores ni se interesan).

DTD (siglas en inglés de document type definition), la función básica es la descripción del formato de datos, para usar un formato común y mantener la consistencia entre todos los documentos que utilicen la misma DTD. De esta forma, dichos documentos, pueden ser validados, conocen la estructura de los elementos y la descripción de los datos que trae consigo cada documento, y pueden además compartir la misma descripción y forma de validación dentro de un grupo de trabajo que usa el mismo tipo de información.

HTML 4.01 DTDs

EL HTML 4.01 Strict no permite marcado de presentación con el argumento de que debería usar CSS en su lugar para eso. Así es como el DOCTYPE Strict luce:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Las DTD transicionales (Transitional DTD) permiten algunos elementos y atributos antiguos que están en desuso:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Además, si está usando frames (marcos), para conseguir resultados válidos desde el validador SGML, necesitará el frameset DOCTYPE como el que sigue:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 DTDs

Las DTD XHTML son también Strict, Transitional y Frameset.

El XHTML Strict DTD es la más estricta de las DTD disponibles: no soporta etiquetas antiguas y el código debe estar escrito correctamente:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

El XHTML Transitional DTD es como XHTML Strict DTD, pero las etiquetas en desuso están permitidas. Actualmente ésta es la DTD más popular.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

El XHTML Frameset DTD es la única DTD XHTML que soporta Frameset.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Ahora continuamos con la edición del archivo, luego de la etiqueta <head>, pondremos

<link rel="stylesheet" href="estilos_pd.css" type="text/css" media="screen" />

Explicaremos un poco esa línea:

El tag link, se utiliza para definir las relaciones entre los documentos. El atriburo REL justamente es para definir con que tiene relación el documento, que estamos trabajando, el que definiremos siempre com “stylesheet”, el HREF define al archivo que enlazaremos, donde le asignaremos la ruta de acceso, el cual usaremos archivos “css”. El atributo TYPE define el tipo de documento, el que definimos en estos casos como “text/css”. Por último el atributo MEDIA define el o los medios en que debería aplicarse la hoja de estilo.

Ahora incluiremos un link en el cuerpo del archivo. Para incorporar un enlace utilizaremos el tag “a” y lo escribiremos del siguiente modo

<a href="nombredelenlace.html">texto que tendrá el enlace</a>

El tag “a” nos indica que estamos creando un enlace, y el atributo HREF nos indica como mencionamos anteriormente el archivo que enlazamos.

Ahora pasaremos a insertar una imagen

<img width="500" height="250" src="archivo.jpg" alt="Descripción" />

El tag “img” indica que incorporaremos una imagen, el atributo “width” define el ancho, el “hight” define el alto, “src” indica la ruta del mismo y “alt” en este podemos poner una breve descripción de la imagen.

Ahora vamos a darle los estilos. Hoy habiamos definido como hoja de estilo al archivo “estilos_pd.css”, entonces creamos un nuevo documento que lo nombraremos de esa manera y procederemos a escribir el código.

Primero vamos a definir el fondo de la página dándole estilo al body:

body {
background: #000000 url('fondo.jpg') no-repeat top right;
}

Expliquemos lo que hicimos

Primero indicamos a que elemento vamos a asignarle el estilo en este caso “body” y abrimos la llave que siempre entre llaves deben estar los estilos. En este caso utilizamos el parámetro “background” y le definimos #000000 (es el color negro en formato hexadecimal), url(’archivo’) definimos la imagen (si fuese necesaria) que vamos a utilizar en el fondo, el no-repeat indica que no se debe repetir esa imagen, se puede asignar el repeat que completaría el fondo con la imagen, o podemos asignar repeat-x o repeat-y que repite la imagen en el sentido x o y. Y con el top right decimos que la imagen debe estar ubicada arriba a la derecha, tambien podemos definir para el eje y bottom (abajo) center(centro) y para el eje x left (izquierda) center (centro). Y nunca debemos olvidar el “;”

Ahora vamos a definir el h1, h2 y p:

h1 {
font-family: serif;
font-style:italic;
font-size:25 px;
color: #ffffff;
}

h2 {
font-family: san-serif;
font-style:oblique;
font-size:12 px;
color: #cccccc;
}

p {
font-family: san-serif;
font-style:normal;
font-size:10 px;
color: #ffffff;
}

Veamos estos nuevos atributos:

font-family: definimos la familia tipográfica, ahora vimos basicamente sans, o sans-serif, pero despues vamos a ver como explotar mejor este atributo.
font-style: como su nombr lo indica es el estilo de fuente que puede ser itálica u oblicua, o puede ser normal.
font-size: es donde definimos e tamaño de la fuente.
color: donde definimos (en este caso en forma hexadecimal) el color de la fuente.

Podés ver el ejemplo de hoy

Acá está el archivo css

La imagen de fondo

Hasta acá llegamos hoy, vamos a hablar un poco de div’s y tablas, pero empezaremos a utilizarlas la semana que viene.

En una época las tablas se utilizaban para definir la estuctura del sitio, pero eso hoy en día ya quedó totalmente obsoleto. Las tablas se deben utilizar únicamente para la tabulación de datos, que es su única función. Hoy para crear la estructura de los sitios se utilizan los div’s, que son más dinámico y permite realizar estructuras más fluidas, y generan ventajas como permitir la carga más rápida del sitio, simplifican los re-diseños de los sitios, mayor accesibilidad, y mejor compatibilidad con los buscadores.

La próxima clase veremos como utilizar div’s, crear menues horizontales y verticales, y si tienen alguna pregunta no dejen de realizarla para poder aclarar sus dudas.

CLASE ANTERIOR