Blogg Ayuda

Introducción a C++

2012-12-20T07:30:00.000-06:00

Iniciaremos a programar en C++, este es un lenguaje de programación muy completo y base para todo tipo de aplicaciones.

Nociones básicas de programación

Antes de empezar a programar en un lenguaje determinado hay que conocer una serie de conceptos básicos comunes a todos estos lenguajes.

Para empezar debemos definir que es un programa. Un programa puede entenderse como la forma de expresar la solución a un problema de manera que sea comprensible para el ordenador. En otras palabras, un programa es un conjunto ordenado de instrucciones que se dan a la computadora indicando el conjunto de operaciones o tareas que se desea llevar a cabo.

Una instrucción es un conjunto de símbolos que representa una orden de operación o tratamiento para el ordenador.

A la hora de crear un programa, hay que tener en cuenta los siguientes pasos:

Realizar un análisis del problema definiendo los requisitos a los que se deben dar solución
Diseñar y verificar el algoritmo que se va a seguir para solucionar el problema
Se codifica el algoritmo diseñado anteriormente en un lenguaje de programación
Se traduce el código fuente escrito a código maquina empleando compiladores, generándose de esta manera el programa ejecutable por el ordenador.
Se comprueba que el programa generado funciona correctamente. En caso de encontrar algún error, se depura el código (solución a los problemas)
Se realiza la documentación del programa realizado.

¿Qué es el lenguaje de programación C?

El lenguaje de programación C es un lenguaje de alto nivel que se puede caracterizar por los siguientes puntos:

Es de propósito general, esto significa que puede ser usado tanto para el desarrollo de sistemas operativos como para programas científicos, programas de aplicación o programas de educación y juegos.
Posee una alta transportabilidad ya que los programas escritos en C pueden ser llevados de un tipo de ordenador a otro y funcionarán. Los cambios que hay que realizar son mínimos.
Como solo tiene 32 palabras reservadas se dice que es compacto.
Los compiladores generan ejecutables más pequeños porque por norma general, los programas escritos en lenguaje C poseen menos líneas de código que otros lenguajes de programación de alto nivel.
El lenguaje de programación C es un lenguaje imperativo o procedimental. Esto significa que indica secuencias de acciones con el fin de llegar a un objetivo. Generalmente los lenguajes imperativos o procedimentales contienen una parte declarativa. El lenguaje C da órdenes a la maquina.
Es un lenguaje estructurado ya que los programas escritos con él se pueden organizar en módulos.

Su principal desventaja es que un programa puede estar escrito con tal brevedad y concisión que se vuelven casi ilegibles. Esto es debido a su versatilidad.

El compilador C trata las letras mayúsculas y minúsculas como caracteres diferentes.

Estructura básica de un programa en C

Un programa escrito en el lenguaje de programación C está formado siempre por una o más funciones, una de las cuales, obligatoriamente debe ser la que representa al programa principal y se designa la palabra reservada main. Esta función denominada main, debe ir acompañada de dos llaves ({}) que determinan el principio y el fin del programa.

Todo programa escrito en el lenguaje C, necesita unos ficheros de cabecera.

En estos ficheros de cabecera, se incluyen las definiciones de muchas de las funciones que necesitamos para nuestros programas. Muchos ficheros de cabecera son propios del sistema, como es el caso de "stdio.h", "stdlib.h", "math.h", "string.h", etc. Tambien se pueden crear ficheros de cabecera propios de nuestro programa. Esto es, se van a crear una serie de funciones que nuestra aplicación necesitara con frecuencia o en diferentes archivos. De esta manera ahorramos líneas de código y tiempo.

Estos ficheros de cabecera se definen con la directriz #include "fichero.h" si el fichero es propio del proyecto, es decir, si lo hemos creado nosotros, o bien la directriz #include si la librería es propia del sistema. Gracias a esta directriz, se le indica al compilador que incluya el fichero especificado en el programa fuente. Además de esta directriz, existe #define "identificador valor" le indica al compilador, que cada vez que en nuestro programa aparezca "indicador", se sustituirá por "valor2.

Una sentencia es la mínima unidad ejecutable de un programa C. Una sentencia C consta de una palabra clave (if, else, while, for, etc.), expresiones, declaraciones o llamadas a funciones.

Toda sentencia simple acaba con un punto y coma (;).

Todo lenguaje de programación permite al programador introducir los comentarios que desee dentro de los ficheros fuente que contienen el código de su programa. La misión de estos comentarios es servir de explicación o aclaración sobre cómo está desarrollado el programa, de forma que pueda ser entendido por cualquier otra persona o por el propio programador un tiempo después. El compilador ignora estos comentarios siempre cuando estén expresados dentro de los símbolos "/*" para indicar el comienzo del comentario y "*/" para indicar el final.

Existe además otro tipo de comentario en una sola línea que únicamente va precedido por "//".

Para poder entender esto mejor, vamos a crear nuestro primer programa en lenguaje C.

Configurar las notificaciones y alertas en los perfiles de Blackberry

2012-12-12T06:00:00.001-06:00

Les comparto un excelente tutorial para usuarios novatos en donde podrás ver como configurar las alertas y notificaciones en los perfiles del BlackBerry.

Crear, abrir y cerrar una base de datos (Parte I)

2012-12-05T21:02:00.000-06:00

Crear una base de datos en Access

Para crear una nueva base de datos debemos:

Hacer clic sobre la opción Nuevo de la pestaña Archivo.

Se mostrarán las distintas opciones para nuevos archivos en la zona de la derecha. La opción Base de datos en blanco es la que debe estar seleccionada si queremos partir de cero, aunque también podríamos partir de una base existente o de una plantilla.

Estan simple crear una base de datos dentro de access donde nos da la opción de almacenar distinta información en varias secciones, les comparto un vídeo de youtube de AulaClic donde nos muestra los pasos adecuadamente.

5 Editores Online de Fotos "Tipo Photoshop"

2012-11-29T06:30:00.000-06:00

Cuantas veces hemos tenido al necesidad de editar nuestras fotos que tenemos en la computadora y sin contar con Photoshop y necesitamos hacer unos ajustes rápidos a alguna foto, para no sufrir tanto les comparto las siguientes aplicaciones web.

1. Picnik

Picnik es uno de los mas populares y mas grandes editores online. Esta integrado a Flickr como su editor por default de imagenes. A mi parecer tiene las mejores herramientas y mejor usabilidad, no por nada es de las mas grandes.

2. Photoshop Express

Si, Photoshop tiene una version Online, aunque con menos opciones que la version software, como es de esperarse. Tiene excelentes opciones y herramientas, ademas de estar integrado con Photoshop.com que te permite guardar fotos y crear galerias.

3. Pixenate

Excelente web para la edicion de fotos rapida, tiene muy buen GUI y una sencilla forma de usarse. Te permite subir tu foto directamente a Flickr y ademas esta en Español y Ingles.

4. Pixlr

Su interfaz es parecida a la interfaz de Photoshop, que ya conocemos. Es lo mas parecido que vas a encontrar a Photoshop online.

5. Phixr

Tiene pocas herrfamientas pero te permite subir tu foto automaticamente a varios servicios en la web como Flickr, Fotolog, Photobucket, etc.

10 herramientas para realizar wireframes online

2012-11-22T07:30:00.000-06:00

Wireframes aplicaciones completas que nos benefician en el momento de trabajar con proyectos previos y ademas en el momento, son bastante utiles ya que se pre-diseña un sitio antes de ser elaborado.Es una muy buena idea el realizar wireframes antes de mockups o diseños de alta fidelidad, para definir estructuras e incluso funcionalidades.
A continuación podrán ver 10 herramientas gratis online que les permitirán hacer wireframes.

1. Mockingbird

2. Lovely Charts

3. Cacoo

4. Gliffy ()

5. Lumzy

6. Mockflow

7. Pencil Project

8. SimpleDiagrams

9. Denim

10. Website Wireframe

Ataque de Ingeniería Social "Clonando Sitios Web"

2012-11-18T07:00:00.000-06:00

Vamos a trabajar con una demostración de un ataque de Ingeniería Social, este ataque lo realizaremos desde el kit de social enginer de backtrack, para realizar un ataque de Phishing (suplantación de identidad) lo que haremos será “suplantar” una página original de Facebook por una falsa, para que la persona que la vea introduzca sus datos, nos los envié.
Nota: se puede utilizar diferentes sitios de redes sociales.

Para empezar a trabajar les recuerdo que deben contar con la instalación de Backtrack y también recuerden que este material que se explica es educativo no para ningún fin malicioso.

Utilizaremos la herramienta SET que ya viene por defecto en Backtrack 5 y seguiremos los siguientes pasos de acuerdo a lo que trabajaremos:

1) Social-Engineering Attacks
2) Website Attack Vectors
3) Credential Harvester Attack Method
2) Site Cloner

Si están empezando a utilizar el set les aparecerá una pantalla similar a esta:

Para comenzar nuestro proceso seleccionen "Y" y se instalara.

Para continuar les comparto un video tutorial de Xora con la explicación mas detalla.

Parallax Introducción

2012-11-14T07:00:00.000-06:00

El uso de parallax scrolling está en la línea de sustituir Flash por otras tecnologías que permitan incluir efectos visuales. Se trata de un efecto que genera la ilusión de estar visualizando un espacio en tres dimensiones utilizando imágenes distribuidas en capas que se mueven a un ritmo diferente.
Para implementarlo se pueden recurrir a trucos CSS o utilizar plugins jQuery como Spritely. Su utilización puede ser más efectiva incluyéndolo como un elemento secundario en nuestro diseño , por ejemplo, como un encabezado o pie de página o como fondo de la misma.

Parallax es un plugin para jQuery que te permite crear imágenes en perspectiva usando varias imágenes ubicadas en elementos <li />.

<ul id="parallax"> <li></li> <li></li></ul>

Mediante el uso del ratón, movemos las imágenes provocando una sensación 3D muy impresionante…. creo que así y todo es mejor que veas un par de ejemplos.

Instalación

Para instalar parallax, deberemos tener informar, mediante tags <script /> en nuestro

<head /> el fichero de jquery-x.y.z.min.js y el de jquery.jparallax.js<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script><script type="text/javascript" src="js/jquery.dimensions.pack.js"></script><script type="text/javascript" src="js/jquery.jparallax.js"></script>

Funcionamiento

jQuery('#parallax').jparallax(options);

Como casi todos los plugins de jQuery, podemos indicar que elemento será sobrecargado con la nueva funcionalidad, para ello lo indicaremos mediante el selecto jQuery() y encadenamos el método jparallax() al que le podemos pasar una serie de parámetros.

Descargar

Actualmente es una versión BETA, la 0.3, por lo que puede dar algún problema en algún navegador. Lo podemos descargar directamente de la página del proyecto.

12 Alternativas a Feedburner

2012-11-10T07:00:00.000-06:00

Lo primero de todo, aunque te guste alguna de estos servicios alternativos, es que ni se te ocurra cerrar ya tu cuenta de Feedburner, pues como poco la necesitarás para hacer redirecciones temporales hasta que compruebes que el nuevo servicio funciona como deseas.
Hecha esta puntualización vamos a ver posibles alternativas, algunas muy interesantes:

FeedStats – Veterano plugin WordPress que he usado en más de una ocasión. Utiliza el feed por defecto de WordPress y es muy completo. Su única pega es el enorme almacenamiento de información en la base de datos que hace, pero es gratis y muy bueno.
Aweber – Herramienta para gestionar listas de correo. No es gratis, cuesta desde 19$ al mes por 500 suscriptores. Algo que me gusta es que puedes crear una distribución por email desde tu feed RSS sin pagar más.
Feedblitz – Quizás el más parecido a Feedburner, pues ofrece herramientas de optimización y mejora de los feeds, que es para lo que está diseñado. Por 1,49$ al mes tienes lo mismo prácticamente que Feedburner, excepto la gestión de suscripciones por email, que cuesta unos 9,98$ al mes por 500 suscriptores.
Knews – fantástico plugin para gestionar listas de correo, completísimo y gratis.
FeedCat – Muy similar a Feedblitz y Feedburner, en este caso totalmente gratis, muy buena opción.
RapidFeeds – Servicio completísimo, no le falta de nada, ni podcasting ni estadísticas. Para hasta 3 feeds cuesta 4,49$ al mes, si quieres gestión ilimitada te toca aforar 13,95$ cada mes. Buenísimo.
Feedity - Si solo tienes 5 feeds es gratis, y es muy completo. Eso si, para tener estadísticas y quitar publicidad de tus feeds hay que pagar a razón de 6$ al mes.
JetPack - Ya lo sabes, con JetPack puedes gestionar suscripciones por email de manera gratuita, es limitado pero funciona.
MailChimp - Veterana herramienta de gestión de suscripciones por email, gratis hasta los 2000 suscriptores y 12.000 emails por mes. Puedes enviar tu RSS por email también. Si quieres más ya hay que pagar 10$ al mes.
RevResponse – Este si es gratis, y permite gestionar suscripciones por email
Subscribe2 – Plugin WordPress que envía avisos a los suscriptores de tu sitio cuando se publica algo nuevo. Gratis.
Subscribe by Email – Este es otro plugin WordPress que tiene la misma funcionalidad que Subscribe2. Es cuestión de gustos la elección de uno u otro pero yo he usado más Subscribe2.

Cómo migrar Feedburner a otro servicio

El método, como puedes imaginar, variará dependiendo de si solo migras feeds, o también listas por email, incluso podcasts, pero hay unas reglas básicas que no debes dejar pasar.

Exporta tus suscriptores – En la sección “Publicize”, apartado “Suscripciones por email”, tienes al final del todo la lista de suscriptores, que puedes exportar en formato CSV para luego importar en el nuevo servicio.
Cambia los enlaces – Que no se te olvide cambiar los enlaces que tengas a Feedburner hacia el nuevo servicio y cuenta. Acuérdate también de los iconos sociales, que a veces también ofrecen icono a tu cuenta de Feedburner. También revisa tu tema WordPress si modificaste los enlaces al feed por defecto para poner el enlace a Feedburner.
Cambia las redirecciones – Ya sea mediante servicios externos o plugins WordPress, cambia cualquier redirección del feed por defecto de WordPress al de Feedburner, sustituyéndolo por la dirección obtenida en el nuevo servicio.
Avisa a tus lectores – Nunca está de más avisar a tus lectores y suscriptores del cambio, para que pueda actualizar sus suscripciones al nuevo servicio o dirección.
No borres tu cuenta de Feedburner aún – Usa la posibilidad que ofrece Feedburner de redirigir durante 30 días el feed a otra dirección, haciendo así transparente y sencilla la migración para tus suscriptores.
Usa la redirección permanente de Feedburner – Mientras no cierren el servicio un truco muy apañado que puedes hacer, tras los 30 días de redirección, es borrar el feed previo, crear uno nuevo y, en vez de darle la URL del feed por defecto de WordPress, poner la del nuevo servicio. Lo denominas igual (para que los que no actualizaron sigan recibiendo los feeds bien) y guardas.
Cambia el feed para los podcasts – Ya sea que uses un plugin o iTunes, cambia la dirección del RSS para tus podcasts.

Gracias a : AyudaWordpress

Traducción Wordpress

2012-11-06T13:38:00.000-06:00

El equipo de traducciones de TodoWordPress ofrece desde su portal una traducción integra propia. Su traducción está pensada en un español de España y no una versión del castellano más internacional al contrario que con la mayoría de traducciones al español.

Además su traducción podrá evitar los problemas de incompatibilidad que genera la traducción “oficial” de WordPress España con algunos plugins.

Más abajo encontrarás el histórico de traducciones junto con unas instrucciones para que puedas instalar la traducción sin problemas. Si tienes alguna consulta o problema sobre la traducción puedes escribir un correo electrónico a traducciones@todowp.org

Histórico de versiones

WordPress 3.0.3
WordPress 3.0.2
WordPress 3.0.1
WordPress 3.0
WordPress 2.9.2
WordPress 2.9.1 (Última actualización el 05/01/10)
WordPress 2.9 (Última actualización el 21/12/09)
WordPress 2.8.6
WordPress 2.8.4 y 2.8.5
WordPress 2.8.3
WordPress 2.8.2
WordPress 2.8.1
WordPress 2.8
WordPress 2.7.1 (Última actualización el 23/03/09)
WordPress 2.7 (Última actualización el 23/03/09)

Instalación

Descárgate el archivo de traducción según la versión de WordPress que uses
Descomprímelo
Dentro de la carpeta wp-content crea un directorio llamado languages
Sube los archivos es_ES.mo, ms-es_ES.mo y continents-cities-es_ES.mo a la carpeta languages que acabas de crear
En wp-config.php busca la línea:

define ('WPLANG', '');

y sustitúyela por esta:

define ('WPLANG', 'es_ES');

Wordpress en modo Mantenimiento

2012-11-03T07:30:00.000-06:00

Muchas veces tenemos que hacer mantenimiento en nuestro sitio web. En ocasiones, ese mantenimiento implica retoques de portada que nuestros usuarios tendrán que sufrir. Otras, se trata de cambiar varias veces cosas hasta que queden bien en el sitio, ajustar imágenes, etc.
voy a enseñar un método para que podamos enseñar en portada un mensaje de “modo mantenimiento” a nuestros visitantes y así hacer las acciones de mantenimiento mas cómodamente sin enseñar nada.

Para poner nuestro WordPress en modo mantenimiento ya existen plugins, pero siempre es mejor y más liviano para el sitio usar nuestro propio código. Así pues, basta con copiar el siguiente código en el archivo functions.php de nuestro theme y de esta manera mostrará a los usuarios el mensaje que quieras:

function wpr_maintenance_mode() { if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) { wp_die('En Mantenimiento, vuelva pronto.'); }}add_action('get_header', 'wpr_maintenance_mode');

Una vez que hayas terminado de hacer el mantenimiento a tu sitio web, acuérdate de volver a borrar o comentar (/* */) este código, ya que mientras esté en funcionamiento no se mostrará otra cosa en tu blog.
Obviamente, en este código puedes modificar a tu gusto lo que está en negrita o incluso añadirle imágenes y CSS para una mejor visualización. Todo a gusto de cada persona.
Ahora tus visitantes no tendrán que ver las tareas de mantenimiento que a veces quedan feas a la vista.

Primer Aniversario Blogg Ayuda

2012-10-30T13:57:00.001-06:00

Tenía tantas cosas que decir, que comentarles y que al final he preferido decir sólo lo más importante:

¡GRACIAS!

Mil gracias a cada uno de ustedes por ser parte de Blogg Ayuda en nuestro 1 año.

¿Qué son los robots?¿De dónde Vienen?¿Dónde estan?

2012-10-30T07:00:00.000-06:00

Una de las mejores maneras de saber que es un robot, es conociendo a fondo cómo nació la Róbotica, pero en el siguiente vídeo que es algo explicativo veremos un poco de lo que es.
Como son en realidad los robots, su uso y los lugares donde se pueden encontrar.

Zombies por el blog

2012-10-26T06:30:00.000-05:00

En estas fechas muchos comienzan a decorar el blog para Halloween, así que por qué no ponemos un zombie caminando en el blog, y mejor aun, sin nada de scripts. Usaremos la etiqueta MARQUEE que harán que estos tenebrosos muertos vivientes caminen abajo del blog, y al no usar scripts no afectaremos la velocidad de carga del blog.

Tan prácticos son hasta para su instalación, sólo ingresa en Plantilla | Edición de HTML y antes de </body> pega el código del zombie que más te guste.

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvcUZpEJNjH5-aZhvYZuNLs14sdqvyiYNYEiD3Ifr_Y_ny1Ir1SxPSjyhoIEGjal3U5UWQsTIZQ1FuhQbLwOXsjAbGEkYtqAxbZvwuupyI4E-SSAoPjRB4O7kiqYFf-jRaiIoHg0vi_j0/s120/zombie-1.gif' tyle="border:0; background:none; padding:0; box-shadow: none;"/></marquee>

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY_eTgWT6xVA1kFFy2jQyMzfKX3J4lXjzigTE_iFEYhIQRnKAwQR6P3GqpqwlaF7AxLByi8Ie2FR1feqN-lk20jeSY8ODaL4bSz317w1u9eIrJD-RtMdRwTD6dYoLACTVUg04DmodDHK0/s100/zombie-2.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGP0LQgd99IqscDVM91W2BlwAJpf3nIEJ7aGv4Z9XZjPiDk4mOJVAssD8LfUMFDa7KR-vqqH0c_pVBfGa7nabg4fkCHiP_6x0a4VrjfR3IEG-VFufL5LTPx-mwXM0zbT1UKQxd6UU-v8M/s117/zombie-3.gif' style='border:0; background:none; padding:0; box-shadow: none;'/></marquee>

<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMe63B3m3sh8MMq6xM94_QfBKDMo8nZRrBw6ndJX91b2Dh4vYK5B9V-uUgOO3UiP6FymxlFBFnRm9HKDJMIKIFn-H-4eC5I6WLsQjYiNeWUFIHDpjmfP67knJAG39f7tQTmsf0AxfJxw8/s138/zombie-4.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>

<marquee direction='right' scrolldelay='260' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0VhaqzupZar0xwQgOOM5KF_rBrsVE34Ys8L64JxF4CtCbIHsYVTPIRjw1Yq0-h_j9goMsYQOxx2rgvAU6L56ezW204bwEUpN6exaTqe4mSxGe1-Z2B4dTVMviWiCUW6gu7uOEtCRJjEg/s148/zombie-5.gif' style='border:0; background:none; padding:0; box-shadow: none; width:70px;'/></marquee>

El zombie que elijas saldrá de la parte inferior izquierda, llegará hasta el final y aparecerá de nuevo.
Si quisieras modificar la velocidad con la que se desplaza entonces cambia el valor dentro de scrolldelay, con un valor más alto se hará más lento y viceversa.

Gracias a : Potro

Introducción a Pascal

2012-10-23T07:00:00.000-05:00

Curso de Pascal por Nacho Cabanes. Tema 0: Introducción.

Hay distintos lenguajes que nos permiten dar instrucciones a un ordenador (un programa de ordenador es básicamente eso: un conjunto de órdenes para un ordenador).

El lenguaje más directo es el propio del ordenador, llamado "lenguaje de máquina" o "código máquina", formado por secuencias de ceros y unos. Este lenguaje es muy poco intuitivo para nosotros, y difícil de usar. Por ello se recurre a otros lenguajes más avanzados, más cercanos al propio lenguaje humano (lenguajes de alto nivel), y es entonces el mismo ordenador el que se encarga de convertirlo a algo que pueda manejar directamente.

Se puede distinguir dos tipos de lenguajes, según se realice esta conversión:

En los intérpretes, cada instrucción que contiene el programa se va convirtiendo a código máquina antes de ejecutarla, lo que hace que sean más lentos (a cambio, los intérpretes suelen ser más fáciles de crear, lo que permite que sean baratos y que puedan funcionar en ordenadores con menor potencia).
En los compiladores, se convierte todo el programa en bloque a código máquina y después se ejecuta. Así, hay que esperar más que en un intérprete para comenzar a ver trabajar el programa, pero después éste funciona mucho más rápido (a cambio, los compiladores son más caros y suelen requerir ordenadores más potentes).

Hay lenguajes para los que sólo hay disponibles intérpretes, otros para los que sólo existen compiladores, y otros en los que se puede elegir entre ambos. La mayoría de los lenguajes actuales son compilados, y el entorno de desarrollo suele incluir:

Un editor para escribir o revisar los programas.
El compilador propiamente dicho, que los convierte a código máquina.
Otros módulos auxiliares, como enlazadores (linkers) para unir distintos subprogramas, y depuradores (debuggers) para ayudar a descubrir errores.

Es cada vez más frecuente que todos estos pasos se puedan dar desde un único “entorno integrado”. Por ejemplo, el entorno de Turbo Pascal 7 tiene la siguiente apariencia:

Algunos de los lenguajes más difundidos son:

BASIC, que durante mucho tiempo se ha considerado un buen lenguaje para comenzar a aprender, por su sencillez, aunque se podía tender a crear programas poco legibles. A pesar de esta "sencillez" hay versiones muy potentes, incluso para programar en entornos gráficos como Windows.
COBOL, que fue muy utilizado para negocios (para crear software de gestión, que tuviese que manipular grandes cantidades de datos), aunque últimamente está bastante en desuso.
FORTRAN, concebido para ingeniería, operaciones matemáticas, etc. También va quedando desplazado.
Ensamblador, muy cercano al código máquina (es un lenguaje de "bajo nivel"), pero sustituye las secuencias de ceros y unos (bits) por palabras más fáciles de recordar, como MOV, ADD, CALL o JMP.
C, uno de los mejor considerados actualmente (junto con C++ y Java, que mencionaremos a continuación), porque no es demasiado difícil de aprender y permite un grado de control del ordenador muy alto, combinando características de lenguajes de alto y bajo nivel. Además, es muy transportable: existe un estándar, el ANSI C, lo que asegura que se pueden convertir programas en C de un ordenador a otro o de un sistema operativo a otro con bastante menos esfuerzo que en otros lenguajes.
C++, un lenguaje desarrollado a partir de C, que permite Programación Orientada a Objetos, por lo que resulta más adecuado para proyectos de una cierta envergadura.
Java, desarrollado a su vez a partir de C++, que elimina algunos de sus inconvenientes, y ha alcanzado una gran difusión gracias a su empleo en Internet.
PASCAL, el lenguaje estructurado por excelencia (ya se irá viendo qué es esto más adelante), y que en algunas versiones tiene una potencia comparable a la del lenguaje C, como es el caso de Turbo Pascal en programación para DOS y de Delphi en la programación para Windows. Frente al C tiene el inconveniente de que es menos portable, y la ventaja de que en el caso concreto de la programación para DOS, Turbo Pascal no tiene nada que envidiar la mayoría de versiones del lenguaje C en cuanto a potencia, y además resulta más fácil de aprender, es muy rápido, crea ficheros EXE más pequeños, etc., mientras que en la programación para Windows, Delphi es una muy buena herramienta para crear aplicaciones de calidad en un tiempo razonablemente breve.

Dos conceptos que se mencionan mucho al hablar de programación son "programación estructurada" y "programación orientada a objetos".

La programación estructurada consiste en dotar al programa de un cierto orden, dividiéndolo en bloques independientes unos de otros, que se encargan de cada una de las tareas necesarias. Esto hace un programa más fácil de leer y modificar.

La programación orientada a objetos se tratará más adelante, cuando ya se tenga una buena base de programación "convencional". Como simple comentario, para que vayan sonando las cosas a conocidas, diré que "Objects Pascal" es el nombre que se suele dar a un lenguaje Pascal que permita programación orientada a objetos (como es el caso de Turbo Pascal), y que "C++" es una ampliación del lenguaje C, que también soporta P.O.O.

En lo que sigue vamos a ver los fundamentos de la programación en Pascal, primero intentando ceñirnos al Pascal estándar, y luego ampliando con las mejoras que incluye Turbo Pascal, la versión más difundida.

Los primeros programas, los más sencillos, se podrán compilar con cualquier versión del lenguaje Pascal (o casi), aunque la mayoría de los más avanzados (los que incluyan manejo de gráficos, por ejemplo) estarán creados pensando en el que posiblemente sea en estos momentos el compilador de Pascal más usado: Free Pascal, o bien en el clásico Turbo Pascal 7.0 para Dos.

Introducción a la programación en Basic

2012-10-20T06:30:00.000-05:00

1. Introducción a la programación en Basic.

Captura de pantalla mostrando Atari BASIC, un temprano lenguaje BASIC para pequeños computadores

Vamos a ver una introducción a la programación de ordenadores. Para ello, vamos a centrarnos en el lenguaje Basic. Es un lenguaje que durante mucho tiempo se consideró como muy apropiado para comenzar en la programación de ordenadores, y que posteriormente fue desbancado para este propósito por otros lenguajes más estructurados como Pascal. Hoy en día existen versiones de Basic lo suficientemente estructuradas como para resultar adecuadas para aprender correctamente los principios básicos, y versiones lo suficientemente potentes como para realizar aplicaciones "serias" en entornos como Windows.

Nosotros comenzaremos centrándonos en los Basic "convencionales", viendo cómo se realizan programas sencillos en modo texto, y después iremos aplicándolo a otros Basic "más modernos".

Veremos las nociones básicas a lo largo de varios temas:

2. Nociones elementales sobre los programas y Basic.

3. Escribir en pantalla. PRINT, Operaciones matemáticas.

4. Introducción a las variables. LET.

5. Los comentarios: REM. Varias líneas en una. Mayúsculas y minúsculas.

6. Los bucles. FOR.

7. Saltos: GOTO y GOSUB.

8. Comprobación de condiciones: IF.

9. Guardar y recuperar programas. Borrar el programa en memoria. SAVE, LOAD, NEW.

10. Funciones predefinidas en Basic.

11. Otros bucles: WHILE, LOOP.

12. Más sobre la orden PRINT.

13. Más control de la pantalla.

14. Más control del teclado.

15. Control de programas en Basic "antiguos": auto, renum, edit, trace...

16. Gráficos desde Basic.

17. Condiciones mejoradas: CASE.

18. Declaración de variables y de tipos.

19. Ficheros en Basic.

20. Procedimientos y funciones con Basic.

21. Programación modular y Basic.

22. La impresora desde Basic.

23. Sonidos sencillos desde Basic.

24. Ensamblador y código máquina desde Basic. (*)

25. Temporizadores, control de errores y otras características avanzadas. (*)

26. Ejercicios de ejemplo. (*)

Introducción a VBA (Visual Basic for Applications).

VBA (2): Tres primeros ejemplos con Word 97.

VBA (3): Tres primeros ejemplos con Excel 97. (*)

VBA (4): Un ejemplo más avanzado con Word 97. (*)

VBA (5): ... (*)

Introducción a Visual Basic (1): El entorno.

Introducción a Visual Basic (2): Formularios, botones y etiquetas.

Introducción a Visual Basic (3): Toma de contacto con los eventos.

Introducción a Visual Basic (4): Cuadros de texto.

Introducción a Visual Basic (5): Paneles, casillas de verificación y de opción.

Introducción a Visual Basic (6): Creando gráficos sencillos.

Introducción a Visual Basic (7): Ficheros desde Visual Basic.

(...)

Versión Imprimible en tu web

2012-10-15T07:30:00.000-05:00

Una adecuada versión imprimible para nuestros sitios web o blogs, debe brindan la opción de imprimir los contenidos con la menor cantidad de colores e imágenes posibles, ofreciendo una página sin los elementos de navegación.

Es importante ofrecer a los usuarios, una versión de nuestros contenidos de forma limpia de todo lo que lo rodea. El documento generado para impresión, puede contener un logotipo e incorporar la ruta del documento, para que este sea encontrado fácilmente.

Hay algunos tips que debes tomar en cuenta, para crear una versión adecuada de impresión de los contenido de tu sitio web o blog:

No es recomendable el uso de columnas.
Las tablas e imágenes deben tener un tamaño menor de 750 píxeles de ancho o usar tamaños en %.
No usar frames.
Procurar que las tablas no contengan color de fondo.
Usar fuentes tamaño “normal” 12 puntos.
Los objetos animados como gif, flash, videos, suelen dar problemas en la impresión, es recomendable si se quiere imprimir una demostración, ofrecer una versión con imágenes paso a paso con pie de imagen explicando cada una.
El navegador Internet Explorer corta las imágenes si estas se encuentran entre 2 páginas.
Eliminar los banners que contenga el sitio.

WP-PRINT, PLUGIN PARA IMPRIMIR DESDE WORDPRESS

El WP-Print es un plugin creado por Lester ‘GaMerZ’ Chan, el cual se puede utilizar para instalarlo en nuestro blog de WordPress. Para usarlo debemos descargarlo y descomprimir el paquete “print” hacia el directorio “wp-content\plugins\”.

El plugin debe activarse, para ello debemos acceder al menú “Plugins” ubicado en el panel de administración del blog. Luego acceder a la opción “Print” en la pestaña “Opciones”. Allí podremos realizar configuraciones básicas del mismo, por ejemplo: contenido a imprimir, comentarios, imágenes, vínculos, seleccionar una imagen que identificará esta opción y el texto.

Si deseamos que la opción imprimir aparezca en cada post debemos acceder al directorio de nuestra plantilla dentro de “wp-content\themes\”, editar el archivo “index.php” buscar el siguiente código:

<?php while (have_posts()) : the_post(); ?> y agregar debajo:<?php if(function_exists('wp_print')) { print_link(); } ?>Quedando de la siguiente manera:<?php while (have_posts()) : the_post(); ?> <?php if(function_exists('wp_print')) { print_link(); } ?>

Si deseamos que aparezca la opción de imprimir en un lugar determinado, al escribir o editar un Post debemos insertar “[print_link]” donde la deseemos mostrar.

Descargar: Plugin WP-Print

GENERAR ARCHIVO PDF

Otra de las opciones al momento de manejar contenidos es la versión imprimible generando un PDF. Esta opción puede utilizarse para imprimir pero también puede descargarse como documento.

Las librerías FPDF creadas en PHP freeware, tiene como objetivo generar archivos en PDF con contenido específico. El siguiente código debe insertarse en un archivo PHP. Este archivo puede vincularse con una base de datos, realizando consultas y obteniendo el contenido a imprimir.

<?phprequire('fpdf/fpdf.php'); // Librería FPDF
$pdf=new FPDF(); // Creación de una instancia de la Clase “PDF_HTML”$pdf->AddPage(); // Método de la clase$pdf->SetFont('Arial','B',16); // Método de la clase, definir fuente, estilo, tamaño$pdf->Cell(40,10,'Maestros del Web'); // Método de la clase, posición a imprimir$pdf->Output(); // Método de la clase, salida al archivo PDF?>

Descargar: Librerías FPDF

VERSIÓN PARA IMPRESIÓN USANDO HOJAS DE ESTILOS CSS

El uso de los archivos CSS nos permite diseñar un estilo determinado para mostrar en la pantalla diferentes opciones de la impresión. Vinculando una hoja de estilo con el sitio.

En atributo “Media” identifica el uso de “screen/pantalla” y “print/impresora“. Al utilizar Dreamweaver como editor se facilita la selección de la opción, de lo contrario debemos buscar la línea de código y agregarlo.

El siguiente código es el que debe agregarse para el atributo print/impresora:

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

El siguiente código es el que debe agregarse para el atributo screen/pantalla:

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

El siguiente código pertenece a una hoja de estilo la cual se mostrará en pantalla, se puede ver el uso de colores fuertes como el rojo y fuentes grandes. Este archivo puede llamarse screen.css (el nombre del archivo no afecta la función del atributo):

fondo { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; border: thin solid #000000;}

Para la versión que será impresa utiliza pocos colores y puede nombrarse print.css (el nombre del archivo no afecta la función del atributo):

.fondo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline;}

La siguiente página HTML vinculará estas hojas de estilo:

<html><head><title>Prueba</title><link href="screen.css" rel="stylesheet" type="text/css" media="screen" /><link href="print.css" rel="stylesheet" type="text/css" media="print" /></head><body class="fondo">Maestros del Web</body></html>

Descargar: código CSS ejemplo.

Debemos tener en cuenta que los estilos de ambos archivos deben tener el mismo nombre “fondo”, para cuando necesite seleccionar el archivo CSS que será usado para mostrar en “pantalla” e “impresora”.

FUNCIÓN DE LOS ATRIBUTOS

Para entender el funcionamiento de esta opción, podemos decir que cuando se carga una página en el navegador, esta importará la hoja de estilo con la opción “screen”, la cual puede contener imágenes de fondo, cargado de colores fuertes y demás.

Cuando vamos a ver una vista previa de impresión o a imprimir, esta importa la hoja de estilo con la opción “print” que hayamos creado, la cual debemos procurar que contenga la menor cantidad de colores, imágenes y estilos posibles, definir un tamaño de letra adecuado.

Finalmente, recordemos que la versión imprimible en nuestro sitio o blog, es una opción fundamental para los usuarios que les gusta tener acceso a la información de forma impresa. Esto es un valor agregado para el buen manejo de nuestros contenidos.

vía: Maestrosdelweb

¿Qué es un róbot?, De dónde viene la palara

2012-10-10T08:00:00.000-05:00

La palabra robot fue usada por primera vez en el año 1921, cuando el escritor checo Karel Capek (1890 - 1938) estrena en el teatro nacional de Praga su obra Rossum's Universal Robot (R.U.R.). Su origen es de la palabra eslava robota, que se refiere al trabajo realizado de manera forzada. La trama era sencilla: el hombre fabrica un robot, luego el robot mata al hombre.

Muchas películas han seguido mostrando a los robots como máquinas dañinas y amenazadoras. Sin embargo, películas más recientes, como la saga de "La Guerra de las Galaxias" desde 1977, retratan a robots como "C3PO" y "R2D2" como ayudantes del hombre. "Número 5" de "Cortocircuito" y "C3PO" realmente tienen apariencia humana. Estos robots que se fabrican con look humano se llaman ‘androides’.

La mayoría de los expertos en Robótica afirmaría que es complicado dar una definición universalmente aceptada. Las definiciones son tan dispares como se demuestra en la siguiente relación:

Ingenio mecánico controlado electrónicamente, capaz de moverse y ejecutar de forma automática acciones diversas, siguiendo un programa establecido.
Máquina que en apariencia o comportamiento imita a las personas o a sus acciones como, por ejemplo, en el movimiento de sus extremidades
Un robot es una máquina que hace algo automáticamente en respuesta a su entorno.
Un robot es un puñado de motores controlados por un programa de ordenador.
Un robot es un ordenador con músculos.

Es cierto, como acabamos de observar, que los robots son difíciles de definir. Sin embargo, no es necesariamente un problema el que no esté todo el mundo de acuerdo sobre su definición. Quizás, Joseph Engelberg (padre de la robótica industrial) lo resumió inmejorablemente cuando dijo: "Puede que no se capaz de definirlo, pero sé cuándo veo uno".

La imagen del robot como una máquina a semejanza del ser humano, subyace en el hombre desde hace muchos siglos, existiendo diversas realizaciones con este fin.

El ciudadano industrializado que vive a caballo entre el siglo XX y el XXI se ha visto en la necesidad de emprender, en escasos 25 años, el significado de un buen número de nuevos términos marcados por su alto contenido tecnológico. De ellos sin duda el más relevante haya sido el ordenador (computador).

Éste, está introducido hoy en día en su versión personal en multitud de hogares, y el ciudadano medio va conociendo en creciente proporción, además de su existencia, su modo de uso y buena parte de sus posibilidades.
Pero dejando de lado esta verdadera revolución social, existen otros conceptos procedentes del desarrollo tecnológico que han superado las barreras impuestas por las industrias y centros de investigación, incorporándose en cierta medida al lenguaje coloquial. Es llamativo como entre éstas destaca el concepto robot.

Pero el robot industrial, que se conoce y emplea en nuestros días, no surge como consecuencia de la tendencia o afición de reproducir seres vivientes, sino de la necesidad. Fue la necesidad la que dio origen a la agricultura, el pastoreo, la caza, la pesca, etc. Más adelante, la necesidad provoca la primera revolución industrial con el descubrimiento de la máquina de vapor de Watt y, actualmente, la necesidad ha cubierto de ordenadores la faz de la tierra.

Inmersos en la era de la informatización, la imperiosa necesidad de aumentar la productividad y mejorar la calidad de los productos, ha hecho insuficiente la automatización industrial rígida, dominante en las primeras décadas del siglo XX, que estaba destinada a la fabricación de grandes series de una restringida gama de productos. Hoy día, más de la mitad de los productos que se fabrican corresponden a lotes de pocas unidades.

Al enfocarse la producción industrial moderna hacia la automatización global y flexible, han quedado en desuso las herramientas, que hasta hace poco eran habituales:

Forja, prensa y fundición
Esmaltado
Corte
Encolado
Desbardado
Pulido.

Finalmente, el resto de los robots instalados en 1979 se dedicaban al montaje y labores de inspección. En dicho año, la industria del automóvil ocupaba el 58% del parque mundial, siguiendo en importancia las empresas constructoras de maquinaria eléctrica y electrónica. En 1997 el parque mundial de robots alcanzó la cifra de aproximadamente 830.000 unidades, de los cuales la mitad se localizaba en Japón.

Imagen Estilo "Vintage" con CSS

2012-10-06T07:00:00.000-05:00

Instagram ha hecho que muchos tomen el gusto por las fotos estilo vintage, así que es muy común ver por todas partes este tipo de fotos que dan un aspecto de ser algo viejas.

Si no quieres usar un programa para tener tus fotos tipo vintage, puedes usar CSS y obtener un resultado similar. En sí lo que haremos será aplicarle una sombra difuminada al interior de la imagen, le añadiremos un borde, le pondremos un color encima (que será la que le dará ese efecto tipo Instagram), y encima de la imagen otra imagen semitransparente estilo grunge que le dará el toque viejo.
Puedes ver el ejemplo en esta imagen de abajo, al pasar el cursor cambia a su estado normal aunque conserva el borde.

Obviamente habrá imágenes a las que les quede mejor este tipo de efectos que a otras, pero independientemente de eso sí hay que hacer unas observaciones:
Está hecho con estilos CSS así que como ya sabemos habrá navegadores que no los reconocerá, específicamente Internet Explorer, así que en ese navegador no se verá ningún efecto.
Al pasar el cursor por la imagen cambia con un efecto de transición, pero éste sólo se ve en Firefox.
Las imágenes no estarán centradas, podrás alinearlas a la izquierda (por defecto), o a la derecha.

Habiendo aclarado lo anterior empecemos. Lo primero es entrar en la Edición de HTML y pegar antes de ]]></b:skin> los estilos:

/* Imágenes Vintage
----------------------------------------------- */
.vintage img {
padding:0;
float:left;
}
.vintage {
border:10px solid #000;
position: relative;
float: left; /* Cambiar por right si quieres que las imágenes se alineen a la derecha */
margin-right: 20px;
margin-bottom: 20px;
}
.vintage:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255,0,0, 0.5); /* rojo */
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAGiVrY7TNX85jvBX2ghzWD6kCK2a6LDgo37xq5PUu8ueYp8XLTH6eANRC1ZSogFKd7kCg_RhJh4oNdPQtwwiTQwFPecFypuNQRuZ0-dAKwhpmyRk3X3yN4Zlt7tEZyBmjGcnd8Rf-Vl4/s0/grunge.png);
background-size: cover;
box-shadow: inset 0 0 50px #000, inset 0 0 50px #000, inset 0 0 50px #000;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all .1s;
}
.vintage:hover:before {
background: none;
box-shadow:none;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all .1s;
}

Por último usa este código en tus entradas o donde quieras mostrar la imagen:

<div class="vintage">
<img border="0" src="URL de la imagen" /></div>
<div style="clear: both;"/>

Agrega la URL de la imagen donde se indica y listo.
Si quisieras que el texto de la entrada rodee la imagen entonces elimina la etiqueta en color azul.
En el primer código verás en negrita la línea que corresponde al color de la imagen, puedes modificarla por algún otro color, estos son algunos ejemplos de lo tradicional en vintage:

background-color: rgba(0,0,255, 0.5); /* azul */
background-color: rgba(0,255,255, 0.5); /* aqua */
background-color: rgba(0,255,0, 0.5); /* verde */
background-color: rgba(255,0,240, 0.5); /* violeta */
background-color: rgba(255,102,0, 0.6); /* sepia */
background-color: rgba(0,0,0, 0.6); /* colores más oscuros */

Si quisieras que la imagen permanezca siempre así sin que regrese a su estado original al pasar el cursor entonces elimina esta perte del primer código:

.vintage:hover:before {
background: none;
box-shadow:none;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all .1s;
}

Y eso es todo, con este pequeño experimento podrás tener tus imágenes al estilo vintage usando sólo CSS.

Gracias a Potro por compartirlo

Aumentaty Author

2012-10-01T08:00:00.000-05:00

Nuestro tema explicara lo que es la realidad aumentada en la manera de trabajar en proyectos 3D sin necesidad de programar, algo tan simple verdad solo de escuchar "No Programar" Aumentaty Author es un producto bastante intuitivo ya que su característica es arrastrar y soltar, pero les dejo las características completas y un vídeo de su funcionamiento.

Sus características generales son:

Aumentaty dispone de un conjunto de herramientas para generar contenidos de Realidad Aumentada de forma rápida y sencilla.
La suite de Authoring de Aumentaty consta de 2 aplicaciones: la herramienta de autor con la que generar los contenidos (Aumentaty Author) y el visualizador de contenidos (Aumentaty Viewer).
Aumentaty Author utiliza tecnología de marcas fiduciales para reconocer el espacio tridimensional mostrado por la webcam y posicionar el contenido generado.
Aumentaty Author ha sido diseñado teniendo en cuenta por encima de todo la facilidad de uso, que permite a personas sin ningún conocimiento de programación realizar contenidos en 1 minuto.

Una vez exportada la escena o contenido realizado podemos visualizarlo instalando el visualizador Aumentaty Viewer. Si además quieres compartirlo, lo podrás hacer de manera independiente a Aumentaty Author.

En este video nos muestra parte del uso dado a este programa.

Mouseover sobre botón con efecto fade y jQuery

2012-09-27T07:00:00.000-05:00

Este tutorial básicamente se trata de animar un botón con efecto fade al pasar el ratón por encima utilizando,jQuery para la animación.

Lo que necesitamos para empezar es una imagen tal como se ve en la foto aquí arriba, donde estarán todos los botones en fila con el estado normal y en la fila de abajo, todos los botones con el efecto final.

Para ello, tengo hecha una imagen con todos los iconos a la vez (así ahorramos código y peso de carga en la web) de 265px de ancho por 96px de alto. Es decir, que si son 5 iconos, cada icono tendrá 53px de ancho por 48px de alto (por cierto, estos iconos se consiguen en iconspedia.com, menos el de G+).

Pues bien, la idea viene a ser lo siguiente, declararemos una función en javascript para que jQuery haga las animaciones (ver código 1), escribiremos nuestros enlaces, en este caso 5 (ver código 2) y mediante CSS, le diremos a jQuery cuál es la imagen base y cual es la final para que haga la animación.

Nota: el texto que ves en el SPAN en los enlaces, es muy importante y no se verá.

Lo importante está en adaptar tus posiciones de background en el css a la imagen que prepares. En mi caso, como cada icono tiene 53px de ancho, voy moviendo la posición -53px (es decir, hacia la izquierda) y -48px (hacia arriba) para que se vea el icono en color. Al ponerlo en 0 se verá el icono en blanco y negro.

Código JAVASCRIPT

<script type="text/javascript"> </script>

Código XHTML

<div id="social">
<a href="#" title="" class="fade facebook" target="_blank"><span>facebook</span></a>
<a href="#" title="" class="fade googleplus" target="_blank"><span>googleplus</span></a>
<a href="#" title="" class="fade twitter" target="_blank"><span>twitter</span></a>
<a href="#" title="" class="fade linkedin" target="_blank"><span>linkedin</span></a>
<a href="#" title="" class="fade feedburner" target="_blank"><span>feedburner</span></a>
</div>

Código CSS

#social{float:right;display:inline;margin:20px 0 0 0} /* NO NECESARIO */
#social a,#social a span{width:53px;height:48px;display:block;border:0;margin:0 10px 0 0;text-decoration:none;float:left;text-indent: -1000em;background-image: url(/images/social.png);background-repeat: no-repeat;background-position: 0px 0px;}
#social a.facebook{background-position:0 -48px;}
#social a.facebook span{background-position:0px 0px;}
#social a.googleplus{background-position:-53px -48px;}
#social a.googleplus span{background-position:-53px 0px;}
#social a.twitter{background-position:-106px -48px;}
#social a.twitter span{background-position:-106px 0px;}
#social a.linkedin{background-position:-159px -48px;}
#social a.linkedin span{background-position:-159px 0px;}
#social a.feedburner {background-position:-212px -48px;}
#social a.feedburner span{background-position:-212px 0px;}

Herramientas de Programación para Niños

2012-09-22T09:00:00.000-05:00

La programación es arte y ciencia, me quedaría corto con lo que realmente es y las grandes utilidades que se le dan a los diversos lenguajes que existen cada uno con grandes logros y éxitos en el mundo actual.
como programadores siempre debemos contar a la mano con nuestras propios algoritmos y nuestras estructuras de datos.
Como lo comentan mis amigos de ALT1040, que tan difícil es enseñar a un niño a programar?, sobre todo contemplar la edad y la astucia que el niño represente, uno de los métodos es empezar por lo básico que es la construcción de lego el cual fomenta la creatividad, después utilizar otros prototipos de robots de construcción pero ya con programación, en este articulo mostraremos algunas herramientas para niños los cuales son de aprendizaje básico les dejo una lista y sus vídeos.

1. Alice

Código abierto. Inglés.
Ambiente de programación creado en Carnegie Mellon University, donde los niños pueden contar historias animadas con bloques 3D: “para la próxima generación de científicos de la programación.

2. Doma de Serpientes para Niños

Código abierto. Inglés y español.

Basado en el famoso “Snake Wrangling for Kids”, es un libro electrónico para enseñar programación a niños mayores de 8 años mediante el lenguaje de programación Python, disponible en cualquier sistemas operativo. Éste lenguaje, cabe mencionar, es sencillo, flexible y poderoso: soy un acérrimo fan.

3. Kids with Ruby

Código abierto. Inglés.

Es un software interactivo para aprender programación con el lenguaje Ruby: unos de los más bellos lenguajes, si me permiten decirlo, que podrán encontrar. Como dijo Yukihiro Matsumoto, creador de Ruby, “espero ayudar a que cada programador en el mundo sea productivo, disfrute y sea feliz programando. Este es el principal propósito del lenguaje Ruby”.

4. Kodu

Comercial. Inglés.

Con Kodu lo niños pueden crear juegos de manera visual desde la PC y XBox. Fue diseñado para enseñar a programar con tres conceptos eje: creatividad, resolución de problemas y narrativa.

5. LEGO MindStorms NXT

Comercial. Inglés, español.

Son robots programables, ya sea con el NXT Intelligent Brick para programas relativamente sencillos, o con alguno de entre cincuenta lenguajes de programación disponibles.

6. Hackety Hack

Código abierto. Inglés.

Sin experiencia previa en programación, por supuesto, Hackety Hack es un software ya clásico para enseñar a programar con Ruby, una lección a la vez. Creado por el no menos famoso hacker _why, Hackety Hack incluso obedece a un manifesto que en una de sus últimas líneas dice que “es libre y se mantendrá así en adelante”.

7. Petit Computer

Comercial. Inglés.

Si sentarse a programar no es opción, tal vez sí lo sea usar un Nintendo 3DS o DSi con Petit Computer, que permite crear programas en BASIC. No es que BASIC sea la mejor opción, sin embargo puede ser atractivo hacerlo desde la consola portátil.

8. Raspberry Pi

Comercial/Código abierto. Inglés.

Este ha sido uno de los mayores éxitos de la comunidad del software y hardware libres en los últimos años. Se trata de una pequeña placa que puede costar entre 25 y 35 dólares, donde cabe Linux, y está diseñado expresamente para la enseñanza de programación básica. Además de ser un gadget fabuloso para un hacker, su portabilidad y precio permiten montar talleres móviles de programación para niños con poco acceso a la tecnología.

9. RoboMind

Gratuito. Inglés.

Tenemos ante nosotros un proyecto similar a LEGO Mindstorms, pero en software: un ambiente de programación básica aplicada a un robot virtual, con la posibilidad de profundizar en temas de robótica e inteligencia artificial. Utiliza su propio lenguaje, ROBO, diseñado con una sintaxis simple.

10. Scratch

Código abierto (salvo algunas partes). Inglés.

Este proyecto ya es un clásico. Comenzó en el MIT en 2006 y hoy en día tiene una comunidad vibrante de usuarios que comparten proyectos y experiencias. Scratch se conforma de un entorno de programación visual orientada a la creación de juegos y animaciones para iniciar a los niños en los bloques básicos de la programación.

Via: ALT1040

Archivos Ocultos en las Memorias

2012-09-17T08:00:00.000-05:00

Este pequeño minitutorial sobre los archivos ocultos en las memorias, es bueno, sobre todo cuando nos urge recuperar información que es valiosa y por que si existen programas como Recuva este programa nos es de mucha utilidad a la hora de recuperar todo tipo de datos ya que soporta medios con sistemas de archivos FAT12/16/32,NTFS/NTFS5, existen algunos otros que también nos ayuda en el proceso.
Hay ocasiones que nos hemos topado con que nuestra memoria no es reconocida por nuestra PC,Netbook,etc. y lo primero que nos preguntamos es, ¿quien podrá ayudarnos? y entra la desesperación por encontrar una solución, en este tutorial les explico como lograr recuperar los archivos ocultos que están en nuestra memoria por medio de nuestra consola, esta probado con windows 7 y XP en caso contrario avisar, y si es probado en algún otro sistema no esta demás tambien hacerlo, veamos como:

Ingresamos la memoria que tiene el problema
La ubicamos en (Inicio/Equipo/ Y el nombre de la unidad: F/,H/,D/, etc.)
Abrimos la consola (Inicio/Buscar programas y archivos/CMD).
Les aparece la pantalla del cmd donde indica : c:/users/miequipo>
Ya dentro de la consola haremos lo siguiente: c:/users/miequipo> "H,D o F", dentro de las comillas colocaremos la letra de nuestra unidad que tiene el daño, como nota no colocar las comillas.
Nos aparecerá una serie de código la que esperamos termine.
Ahora escribimos lo siguiente: Attrib -s -r -h /s /d
Esperan a que termine y con esto quedara listo la memoria y ahora si a recuperar los datos que se ocultaron.

Si tienen alguna duda no olviden en dejar sus comentarios.

nibbleblog, un CMS para crear blogs [opensource]

2012-09-12T08:30:00.000-05:00

Hace unos dias nos dimos a la tarea de investigar sobre un CMS opensource en la web y sin mediar en mucho tocamos nibbleblog.com, un nuevo proyecto de código libre que nos permite crear un blog y administrarlo de forma sencilla.

Nibbleblog es una plataforma de blogs que utiliza bases de datos XML en lugar de MySQL y otros. Es pequeño, con un peso de menos de medio megabyte y fácil de instalar con un instalador sencillo.

Algunas de las principales características de este motor de blogs incluyen:

Vídeo publicación (para los blogs de vídeo)
Soporte multilenguaje
Base de datos XML, MySQL no o similar DBMS necesario
Plug-in de apoyo
Plantilla y apoyar los temas
Editor WYSIWYG (elRTE http://elrte.org)
Administrador de archivos simple (elFinder http://elrte.org/elfinder)
SEO optimizado
Open Source. Libre bajo la licencia GPL

Suena bastante interesante, claro no intenta igualar la magnitud que tienen otros cms pero su funcionalidad la hace bastante util y simple que nos produce una vibra de no dejar de probarlo y para ello lo pueden hacer por medio de sus enlaces de prueba a la demo y al admin.

Prueba

nombre de usuario: admin
contraseña: demo
Página de demostración principal: http://demo.nibbleblog.com
Demostración Página Admin: http://demo.nibbleblog.com/admin.php

instalación

Descargar el código fuente Nibbleblog a su PC. Por ejemplo nibbleblogvXX.zip
Unzip / Descomprima
Copia todo el contenido de tu hosting, a través de FTP o cualquier otro método de carga de archivos.
Introduzca la URL donde has copiado el contenido siga install.php, http://www.domain.com/install.php
Se le pedirá para completar la información necesaria para inicializar el sistema.
Usted tiene su propio blog ahora!

Nota : Usted debe configurar el servidor para usar PHP 5.

Vídeo de instalación

7 Plugins de jQuery para Desarrolladores Web

2012-09-08T06:30:00.000-05:00

jQuery es sin duda alguna, una revolución ya que ermite aprovechar JavaScript, llevando a otro nivel la forma en que los usuarios interactuan con sitios y aplicaciones web. Todos los desarrolladores web se han puesto en marcha en aventurarse a escribir código para dotar sus proyectos y hacerlos que sean bastante espectaculares y se habrán dado cuenta que lograr algo realmente asombroso con jQuery no siempre es una tarea simple.

Muchas veces queremos resolver por nosotros mismos todos los problemas, y que todo el código en el proyecto sea de nuestra propia cosecha, sin embargo, hay ocasiones en las que no contamos con el tiempo suficiente y se hace necesario recurrir a código de terceros, y así, evitar reinventar la rueda.
Trabajar con jQuery es un trabajo arduo y más, si queremos lograr efectos sorprendentes en todos los proyectos que tenemos en mente, claro! es posible pero no dejemos aun lado el tiempo de estimación para su desarrollo.

Existen miles de plugins regados en Internet, pero solo colocamos estos 7 por su gran calidad y sus particulares características que, además de darle un toque extra de genialidad a tu proyecto, te harán el trabajo mucho más simple.

Notify

Notify! nos ofrece la posibilidad de agregar barras de notificación para interactuar con el usuario mientras utiliza nuestro sitio o aplicación web, además son totalmente configurables y se pueden adaptar sin ningún problema a nuestro diseño actual. Si necesitas brindar notificaciones en tu proyecto sin complicaciones en el proceso, esta es la solución.

Nestable

Si necesitas implementar listas jerárquicas que se puedan reordenar con un simple “arrastrar y soltar”, Nestable es el plugin que te alegrará el día. Utilizarlo es realmente simple y el resultado es genial.

Gips

Gips también nos permite agregar tooltips, pero en este caso, a los campos de texto de nuestros formularios. Además de generar mensajes de ayuda en llamativos colores (que podemos cambiar con CSS), nos deja configurar el tiempo de espera o delay, opción para “auto-ocultar”, velocidad de animación y tiempo que estará el tooltip visible.

iPicture

iPicture es un sencillo plugin que permite agregar tooltips a nuestras imágenes, muy útiles para señalar puntos específicos en una fotografía y brindar detalles adicionales sobre estos. Al igual que la mayoría de estos plugins, es muy fácil de utilizar y personaliza.

Hammer.js

Con Hammer.js es posible darle a nuestro proyecto la capacidad de reconocer gestos Multi-touch: tap, doble tap, deslizar, mantener, transformar y arrastrar, son soportados por la librería que, además, solo pesa 2kb.

blur.js

Con blur.js podemos agregar transparencias y difuminados a diferentes elementos superpuestos. Su implementación y configuración es bastante simple. Si decides utilizarlo no dejes de echar un vistazo al apartado “Formalities/Issues”, ubicado al final de la página del plugin.

Adipoli

Adipoli permite aplicar diferentes efectos, de gran calidad, a las imágenes cuando se desplaza el puntero del ratón sobre ellas. Además de los -casi- 20 efectos y transiciones, ofrece múltiples opciones configurables cómo: opacidad, velocidad de animación, color de relleno, margenes, sombras y más.

Fuente: Bitelia

Barra de notificaciones con Notify

2012-09-05T07:30:00.000-05:00

Notify es un plugin de jQuery que te permite diseñar barras de notificación simples que son ideales para el diseño de sitios web o aplicaciones web.

Sus principales características son:

Cuenta con un uso muy sencillo.
Estas barras ayudan a los usuarios mientras se navega por el sitio, completa formularios o al interactuar con la interfaz.
Te permite conectar este plugin con cualquier sitio o aplicación web.
Te ofrece una gran variedad de herramientas de personalización como ser color, estilo, mensaje, comportamiento, mensaje, entre muchos más.
Además se combina perfectamente con el diseño pre.existente, integrando muy bien el color y el diseño.
Se recomienda que sepas manejar JavaScript y jQuery pero si no cuentas con conocimientos, no tendrás dificultades para utilizarlo.

Además puedes implementar estas barras para usarlas en diversas formas como ser:

Sticky Bar: Estará siempre visible incluso si el usuario se desplaza por la página.
Floated Bar: La barra quedará flotando en la página en la que se incluye una animación agradable.
Fixed Bar: Este tipo de barra permanecerá siempre en la parte superior del sitio.
On-Demand Bar: Se mostrará la barra a petición del usuario.

Descarga: Notify Plugin

Fuente: Notify