Que es la web 2.0?

29 01 2008

web 2.0

Sobre este tema hay muchisima informacion en la web pero vamos a hacerlo sencillo…

“El concepto original de la web (en este contexto, llamada Web 1.0) era páginas estáticas HTML que no eran actualizadas frecuentemente. El éxito de las punto-com dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los CMS servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos. En ambos sentidos, el conseguir hits (visitas) y la estética visual eran considerados como unos factores muy importantes.

Los propulsores de la aproximación a la Web 2.0 creen que el uso de la web está orientado a la interacción y redes sociales, que pueden servir contenido que explota los efectos de las redes creando o no webs interactivas y visuales.
Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales”

Se podria decir que…

web 1.0 :

  • Paginas Estaticas
  • Tecnología: HTML
  • Contenidos permanentes ( poca o nada actualización).
  • Responsable de actualización: WebMaster.
  • Orientación: Sectores especificos, idea de folleto electronico.
  • Comunicación: Via e-mail.
  • Servicios de mensajeria instantanea.

web 1.5:

  • Paginas Dinamicas
  • Tecnologías: HTML, PHP, ASP,Flash, Bases de Datos, Javascript….
  • Contenidos en permanente actualización
  • Responsable de actualización: WebMaster ó Cliente (dueño del sitio).
  • Comunicación: Via e-mail, Vos por IP.
  • Servicios de mensajeria instantanea.
  • Video conferencias.
  • Chat.
  • Servicios P2P, Pop3, etc.

Web 2.0:

  • Paginas Dinamicas
  • Tecnologías: HTML, PHP, ASP, Bases de Datos, Javascript….
  • Contenidos en permanente cambio.
  • Responsable de actualización: WebMaster, Cliente (dueño del sitio) y Usuarios.
  • Se orienta a crear Redes Sociales donde todos aportan.
  • Programas online, sin necesidad de instalar nada en el ordenador.
  • Programas para PDA y Moviles.
  • Comunicación: Via e-mail, Vos por IP.
  • Servicios de mensajeria instantanea.
  • Video conferencias.
  • Chat via escenarios virtuales
  • Servicios P2P, Pop3…ect.

Quiero aclarar que este listado es propio y puede no coincidir al 100% con el criterio de otras peronas… pero es para hacerse una idea de que es las web 1.0 la 1.5 y la 2.0.

Aca les dejo ademas un PowerPoint (una de las utilidades del web 2.0 ademas de este blog jejeje..) que les servira seguramente… !

Exitos…

Mucha +info()





Page Rank!

28 01 2008
popuri.jpg
Una herramienta para comprobar de un vistazo la popularidad de cualquier sitio sobre la base de su clasificación (PageRank de Google, Alexa Rank, Technorati, etc), social bookmarks (del.icio.us, etc), los suscriptores (Bloglines, etc) y Más! hay que probarla… yo ya la instale en este blog jejejeje…




“Por que ser ingeniero” por “leyril”

28 01 2008

Hacia mucho que no me reia tanto… jajajajaja… excelente post!!! y aunque la autoria no sea mia…  lo voy a colocar igual porque se lo merece!!!!!

Exitos y que te recibas pronto!!!! jajajaaja
Por que ser ingeniero! 





Mis favoritos Visualizados

28 01 2008

SpeedyMarks es un interesante visualizador de favoritos… uno va agregando la url que desea tener como favorita y automaticamente se crea un screen shot de la misma… esto nos facilita bastante el trabajo mental de acordarnos cual era la pagina que necesitamos visualizar… ya que tenemos pre-visualizada la pantalla!!! si bien los logos de cada url son extremadamente utililes… con esta captura de pantalla podemos poner varios links de la misma pagina y saber exactamente de un “patanallazo” si es o no lo que queremos ver… Gracias Speedy Marks!

SpeedyMarks






El Hacker!!!

23 01 2008

Gente…. no todo en la web es trabajo…estudio…reportes… tambien existe el HUMOR!! aqui les voy a dejar las historias de “El Hacker”… es una parodia de la serie televisiva del mismo nombre…producida en Argentina… la vedad que me he reido un monton!!! sobre todo con las busquedas y las infiltraciones!!! 🙂 jajaajaja… que lo disfruten!!!
PD: Pide registracion… pero nada mas….

1 – Prospero descubrio un inmenso fraude en el negocio del software… Los malos intentan matarlo pero un linyera experto en computacion lo rescata…

2 – Una banda de gente mala se robo la plata destinada para pagarle a los jubilados… Y Prospero no puede permitirlo…

3 – Un virus ataca la computadora de Prospero, y necesita encontrar el antivirus custodiado por los malos…

4 – Alguien hackeo los “favoritos” de Prospero…

5 – Un hombre malo esta insultando en un chat… Y prospero tiene que atraparlo…

6 – Un grupo de hackers malos estan vendiendo software copiado, y Prospero tiene que atraparlos…

7 – Un grupo de malos roba la Laptop con valiosisima informacion de Prospero…

8 – Esta por llegar un barco lleno de computadoras de contrabando… Y Prospero tiene que impedir que ese barco llegue a puerto…

9 – Raptaron al linyera experto en computacion, y Prospero lo va a rescatar…

10 – Un ejercito de hackers le estan hackeando la computadora a Prospero…

11)Prospero investiga a los talibanes… Y eso le va a costar…
Gracias gaby por este link!!! me mate de risa!!!





Fraude por Internet

19 01 2008

Buscando información sobre avisos legales, tales como el famoso “usos y condiciones” encontre un articulo sobre fraude en internet que me pareció muy util para todos aquellos que quieren prevenirse ante estos actos…

Entre las cosas que se desarrollan estan las siguientes:

Ingeniería social:
Es la técnica que pueden usar ciertas personas como investigadores privados, criminales, o delincuentes computacionales (mejor conocidos como “hackers”, aunque el termino correcto es “cracker”)para obtener información, acceso o privilegios que les permitan realizar algún acto que perjudique o exhiba a la fuente accedida.
+info

Phishing:
Phishing es un término informático que denomina un tipo de delito encuadrado dentro del ámbito de las estafas, y que se comete mediante el uso de un tipo de ingeniería social caracterizado por intentar adquirir información confidencial de forma fraudulenta (como puede ser una contraseña o información detallada sobre tarjetas de crédito u otra información bancaria). El estafador, conocido como phisher, se hace pasar por una persona o empresa de confianza en una aparente comunicación oficial electrónica, por lo común un correo electrónico, o algún sistema de mensajería instantánea o incluso utilizando también llamadas telefónicas.
+
info
Esquema de Nigeria:
En general, el mensaje es de alguien en algún país (normalmente africano, como Nigeria, Sierra Leona, Costa de Marfil) que pide ayuda para sacar del país una enorme suma de dinero que estaría imposibilitada de salir del pais por algún problema legal o político, y promete una rica recompensa en pago de la ayuda. La víctima entrega sus datos bancarios y se le solicita el pago de algunos impuestos para la liberación de los valores. Sólo después de perder mucho dinero es que el usuario se da cuenta de que fue engañado.

Pirámides:
Usted ya debe haber recibido por lo menos uno de estos mensajes que prometen una ganancia enorme a partir de una inversión muy pequeña (cómo enviar $1 a cinco personas de una lista).

Marketing de múltiples niveles.
El marketing de múltiples niveles, también conocido como marketing de red, puede ser considerado una especie de pirámide, una manera de vender bienes o servicios por intermedio de distribuidores. Normalmente, esos planes prometen que, si usted se convierte en distribuidor, va a recibir comisiones, tanto de sus ventas como de las ventas hechas por aquellas personas que usted recluta para que sean distribuidores también.

Cadenas:
Una cadena de mensajes típica o una carta de cadena consiste en un mensaje que intenta inducir al receptor a realizar algún número de copias de la carta para luego pasarlas a uno o más receptores nuevos.
+info

Si bien el tema es extensisimo… podemos empesar por aqui… verdad???

informatica hoy
Muchas gracias Informatica Hoy.

Otras fuentes: Wikipedia




Como generar graficos con Amchats Parte I

19 01 2008

Este será mi primer tutorial sobre este fantástico programa…
Basta de chacharas y vamos a la accción:

Lo primero que haremos es dirigirnos a la pagina oficial de Amcharts y elegir uno de los tantos graficos a generar… yo voy a utilizar los graficos de barras porque ya los utilize anteriormente.
Una vez aquí… buscaremos en la barra lateral la opcion de descargar (download) los ultimos ficheros para empezar a trabajar…

Una vez descargado el .zip lo descomprimimos y encontraremos 2 carpetas, un archivo de texto con la licencia y un archivo .html, el mismo contiene un ejemplo del archivo bajado.

carpetas

Dentro de “examples” encontraremos muchisimos ejemplos de graficos ya creados… los cuales nos serviran luego para ir probando los resultados….

Hasta ahora todo normal… nada que todos ya hayamos hecho… bien… ahora vamos al corazón del asunto.

COMO FUNCIONA AMCHARTS ???

A lo mejor debería aver empezado por aqui… disculpen es por mi falta de practica jejeje… Amchats esta constituido por 4 pilares fundamentales …. HTML, XML, JAVSCRIPT y ACTIONSCRIPT… como ven es un programa multi-lenguaje (lenguajes de programacion)…un hibrido… esto trae ventajas y desventajas pero es asunto de otro post… pero para lo que lo necesitamos no hace falta saber muuuucho… con un poco de paciencia y curiocidad es mas que suficiente….

Vamos al codigo…

Como veremos a continuacion, todo lo que se necesita es este codigo javascript insertado entre las etiquetas <body></body> en principio esto es todo… (para que funcione en nuestra web…)

sin-titulo-20.jpg

Figura1


Nota importante:
Estoy tomando por centado que la estructura de carpetas es correcta, es decir… si yo quiero colocar mi grafico en el index.html este debe estar al mismo nivel que el archivo amcolumn.html para que todos los links no se rompan… de todas formas es muy simple modificar esto ultimo.

Bueno como veran en la Figura1 muestro el codigo javascript insertado en el html… bien en la primer linea grisada empesando de arriba hacia abajo podemos leer el siguiente codigo:

<script type="text/javascript" src="amcolumn/swfobject.js"></script>

Esto nos indica de donde tomar el archivo Javascript principal, sin esto no funciona nada…

Luego encontramos:

<div id="flashcontent">
<strong>You need to upgrade your Flash Player</strong>
</div>

Este es el DIV donde se cargará el grafico. No se puede reemplazar por otra cosa…OJO.
Fijemonos que esta etiqueta tambien tiene un ID con un nombre… ese nombre es responsable de indicarle a javascript donde colocar el grafico… dicho de otro modo… javascript dice “debo colocar este grafico en la etiqueta DIV con el ID igual a flashcontent”… puede cambiarse el nobre con total confianza siempre y cuando luego al final del codigo en
so.write("flashcontent");

le coloquemos el nuevo nombre que hemos elejido…

La siguiente linea identifica cual es el .SWF que cargaremos y donde se encuentra… ademas tenemos 4 paremetros ajustables… 520 es el ancho, 400 el alto, 8 la version del flash player, #FFFFFF el color de fondo.
var so = new SWFObject("amcolumn/amcolumn.swf", "amcolumn", "520", "400", "8","#FFFFFF");

Aqui donde esta alojado el .SWF:

so.addVariable("path", "amcolumn/");

desde aqui se toma el xml con las configuraciones:

so.addVariable("settings_file", escape("amcolumn/amcolumn_settings.xml"));

la linea siguiente toma los datos a ser mostrados en el grafico:

so.addVariable("data_file", escape("amcolumn/amcolumn_data.xml"));

Se pueden pasar los datos de gráficos como una cadena directamente de este archivo
so.addVariable("chart_data", "");

Se pueden pasar configuraciones del grafico como una cadena directamente de este archivo.
o.addVariable("chart_settings", "");

Le añade algunos ajustes a la tabla de los gráficos cargados
so.addVariable("additional_chart_settings", "");

Es el texto que aparecera cuando empieza a cargar las configuraciones… esto solo si esta habilitado. Recuerden que una linea con una doble barra inclinada ” // ” en javascript, como en varios lenguajes, significa que esta comentado… es decir… el interpete se lo saltea, basta con borrar esas barritas y ya tenes habilitada la opcion.
so.addVariable("loading_settings", "LOADING SETTINGS");

Lo mismo que antes… texto que aparece cuando se empieza a cargar los datos.
so.addVariable("loading_data", "LOADING DATA");

El color del precargador…
so.addVariable("preloader_color", "#999999");

esta ultima linea indica donde debe “escribir” o insertar el resultado. Como ya dije antes debe tener el mismo nobre que el DIV antes mencionado.
so.write("flashcontent");

y por fin el final…

</script>

Con este primer e informe podemos empezar a entender el funcionamiento de este fantastico programa… ahora en la parte II voy a explicar el archivo data.xml que es el que almacena todos los datos a ser configurados….

Como este es mi primer Tutorial me encantaria que me dejen un FeedBack… un comentario sobre si les gusto… si fui lo suficientemente claro al momento de explicar… que se puede mejorar y demas…. muchas gracias!!!