Archivo

Archive for the ‘Programación’ Category

Sobre las etiquetas PHP

23 enero, 2016 Deja un comentario

Sintaxis de PHP:

La sintaxis de PHP es derivada de muchos lenguajes, aunque predomina la influencia de C en la sintaxis de este lenguaje, sin embargo Perl ha influenciado en buena parte la sintaxis. Con las últimas funcionalidades de Programación Orientada a Objetos, tenemos muchas similitudes a Java, Sin embargo a pesar de la incorporación de elementos de muchos otros lenguajes, la sintaxis de PHP sigue siendo simple y fácil de entender.

PHP Tags

A pesar de que se recomienda utilizar PHP como código puro, PHP está diseñado principalmente como un procesador de texto (de ahí su nombre). Para facilitar esta función, el código PHP se puede insertar directamente en un archivo de texto con un conjunto especial de etiquetas; el intérprete entonces procesara lo que este dentro de estas etiquetas, omitiendo lo que este fuera de estas.

Hay cinco tipos de etiquetas disponibles:

Standard Tags

<?php echo 'if you want to serve PHP code in XHTML or XML documents, use these tags'; ?>

Son estas las etiquetas de apertura y cierre de facto; son la mejor solución para la portabilidad y compatibilidad hacia atrás, ya que están garantizados para estar disponible y no se pueden desactivar cambiando el archivo de configuración de PHP.

Echo Tags

<?= 'print this string' ?>

Desde la introducción de etiquetas cortas, también conocidas como “etiquetas de eco”, permiten imprimir el resultado de una expresión directamente a la salida de la secuencia de comandos. Con el lanzamiento de PHP 5.4, las etiquetas cortas y etiquetas de eco se dividieron, y las etiquetas de eco están siempre habilitados.

Comúnmente estas etiquetas son utilizadas para una primera aproximación al uso de templates.

Short Tags

<? echo "Hello World!!" ?>

Etiquetas cortas, fueron por mucho tiempo el estándar en el mundo de PHP; Sin embargo, tienen el inconveniente principal en el conflicto con instrucciones de procesamiento XML (por ejemplo, <? xml) y por tanto, ya no se recomiendan y se han reducido un poco en el camino, hoy son consideradas una mala práctica.

Script Tags

<script language="php">
    echo 'some editors (like FrontPage) don\'t like processing instructions within these tags';
</script>

Etiquetas de script se introdujeron para que los editores de HTML que fueran capaces de hacer caso omiso de JavaScript, pero no pudieron hacer frente a las etiquetas PHP estándar también podría ignorar el código PHP.

ASP Tags

<% echo 'You may optionally use ASP-style tags'; %>

Nadie entiende el por qué se introdujeron estas etiquetas; y más aún porque “pueden ser utilizadas” hoy en día, sin embargo, si usted está tan inclinado, puede activar esta opción de configuración opcional y usted es libre de hacer uso de ellos.

Short Tags , Script Tags y ASP Tags Son considerados obsoleto y incluso han sido eliminados en PHP 7.0.0

Anuncios
Categorías:PHP, Programación Etiquetas: , , ,

Vagrant, Primeros Pasos

27 noviembre, 2014 Deja un comentario

vagrant

Desde hace años, nos hemos acostumbrado a entornos *AMP (lamp, wamp, mamp, xampp), lo que no es mas que una serie de herramientas que en general nos proveen de Apache + PHP + Mysql, y algo mas, para hacer pruebas de nuestras aplicaciones son de gran ayuda, sin embargo hoy en día nuestros desarrollos muchas veces van mas allá de estas 3 tecnologías, tenemos elementos como nginx, varnish, memcached, redis, postgresql, node.js, y mucho mas, son elementos para los cuales nuestro servidor *AMP, se nos ha quedado corto, ¿Que pasa cuando trabajas en equipo y quieres que todos tus desarrolladores tengan un entorno de desarrollo especifico, o simplemente quieres replicar por completo tu servidor de producción para garantizar el correcto funcionamiento de tu aplicación, y es que tu servidor probablemente no este en Windows, menos en MacOSX, o como en mi caso, que todos mis servidores esta sobre Centos, y mi OS para desarrollo esta basado en Ubuntu, y hay cosas que simplemente son distintas, y se vuelve cada día mas necesario acabar con eso de “En mi computador funciona”, hoy en día no hay escusas para eso.

Para todo esto y mucho mas tenemos Vagrant, lo cual son contenedores de maquina virtuales, que de manera muy amigable puede ser diseñadas para crear nuestros entornos personalizados o aprovechar algunos ya existentes.

Vagrant es un proyecto de código abierto, cuya meta es la generación de ambientes virtuales de desarrollo de manera practica, rápida, eficiente, portátil y sobre todas las cosas, fáciles de modificar y distribuir, permitiendo basarnos en entornos de virtualización como VirtualBox, VMWare, y AWS, pudiendo extenderse a otros proveedores.
El centro de toda BOX (Maquina virtual de Vagrant), es un VagrantFile, es cual es un archivo que describe la configuración de la maquina, este archivo contiene todos los parámetros de configuración de nuestra maquina virtual, incluso las configuraciones de red y puertos.

¿Como Instalarlo?

VirtualBox

Como ya hemos dicho, Vagrant se aprovecha de los métodos de virtualización de algunos proveedores, para efectos de este tutorial, trabajaremos con virutalbox, por su universalidad y fácil instalación, así que lo primero que debes hacer es instalar VirtualBox. Para lo cual te recomendamos entres en el portal oficial de VirtualBox. y revises el método de instalación mas adecuado a tu Sistema Operativo, aunque esto tiende a ser una instalación muy sencilla.

Vagrant

Solo debemos entra aquí y descargar el paquete adecuado a nuestro sistema operativo, y seguir los pasos básicos de una instalación típica de cualquier software.

¿Como usarlo?

Lo primero que debemos hacer es descargarnos alguna box, adecuada a nuestras necesidades, existen boxes que ya vienen con gran cantidad de paquetes instalados, existen otras que vienen solo con el Sistema Operativo en su forma mas básica, solo esperando a que nosotros instalemos en esta todo lo que deseamos instalar, en nuestro caso usaremos una instalación básica

Para conseguir boxes, hay gran cantidad de sitios por toda la web, sin embargo, recomiendo visitar http://vagrantcloud.com/, tienen gran variedad y mejor soporte.

Con esto, en mente, solo debemos escribir:

vagrant init nfq/wheezy

Esto generara un archivo llamado VagrantFile, el cual contiene toda la información necesaria para gestionar nuestro nuevo box,

Solo nos resta iniciar nuestro box, ejecutando

vagrant up

Este comando intentara buscar en nuestro listado de boxes descargadas en nuestro equipo la imagen indicada en el comando vagrant init, y en caso de no encontrarla, ira hasta vagrantcloud y buscara descargarla,
Algunos otros comandos que debemos aprender son:

  • Vagrant ssh: Debido a que este tipo de implementación no ofrece interfaz gráfica, para acceder a la instancia como tal debemos entrar en ella vía SSH.
  • Vagrant suspend: Si no queremos trabajar con el ambiente en un tiempo nos permite suspenderlo.
  • Vagrant resume: Lo cual nos permitirá levantarla en cuestión de pocos segundos cuando la queramos volver a usarla luego de una suspensión.
  • Vagrant halt: Podremos apagar nuestra implementación.
  • Vagrant destroy: Destruye la maquina virtual, pero deja la base disponible para nuevos proyectos, tampoco destruye el archivo VagrantFile.

Configuración

Vagrant es como el poker, “se aprende en 5 minutos, y se perfecciona en toda una vida“, básicamente debemos iniciar con 2 o 3 configuraciones básicas, y tendremos un entorno de desarrollo muy profesional en solo unos pocos minutos. y realmente no necesitaremos saber absolutamente nada de Linux para esto.

Recordemos que tenemos un archivo llamado Vagrantfile, este contiene todas las configuraciones de nuestro entorno, para comenzar comenzar solo editaremos 3 items, 2 de la red y otro de lo que se llama “aprovisionamiento”…

El primer ítem es FORWARDED PORTS, esta configuración nos permite mapear por un puerto de un valor a otro, así evitar colisiones. Ejemplo:

config.vm.network "forwarded_port", guest: 80, host: 8080
config.vm.network "forwarded_port", guest: 3306, host: 33060

Estas lineas específicamente nos mapearan el puerto 80, tradicionalmente usado por nuestro apache al 8080, y el 3306, usado por mysql a 33060, esto útil si en nuestro equipo esos puertos están ocupados por alguna otra aplicación.
Y PROVISIONING, esta la habilidad de poder almacenar en un script las configuraciones configuraciones que consideremos necesarias, luego del la primera ejecución de nuestra maquina virtual

config.vm.provision :shell, :path =&gt; "bootstrap.sh"

En este caso, hemos llamado a script bootstrap.sh y tiene el siguiente código:

#!/usr/bin/env bash
DBPASSWD=1234
apt-get install -y debconf-utils
apt-get install -y apache2
echo "mysql-server mysql-server/root_password password $DBPASSWD" | debconf-set-selections
echo "mysql-server mysql-server/root_password_again password $DBPASSWD" | debconf-set-selections
apt-get install -y mysql-server
apt-get install -y php5 libapache2-mod-php5
sed -e '/bind-address/ s/^#*/# /' -i /etc/mysql/my.cnf
service apache2 restart
rm -rf /var/www
ln -fs /Vagrant /var/www

Con este código básico tendremos un entorno Apache + Mysql + Php muy básico, pero funcional, y todo lo que este en la carpeta donde estamos alojando nuestros archivos Vagrant, sera la que veremos al ingresar desde nuestro navegador favorito:
http://127.0.0.1:8080
luego de esto, solo nos resta ejecutar por primera vez nuestra VM, y esperar mientras el entorno de establece y estamos listo para crear cosas realmente interesantes.

Mi Primera App en FireFoxOS

3 febrero, 2013 4 comentarios

Ya debemos tener instalado nuestro FireFoxOS-simulator en nuestro ordenador, y hemos podido revisar algunas cosas.

Si aun no lo sabes, FireFoxOS es un Sistema Operativo totalmente estructurado en HTML5 + CSS3 y javascript, por lo tanto, todas sus aplicaciones son escritas en html5, estilizadas con css3, y las funcionalidad se la otorga javascritp, tan sencillo como eso.

Ahora vemos aqui un poco de como se ve y mueve FireFoxOS-simulator.

Pero ya basta de escribir de tantas tonterías, vamos a lo que todos quieren ver, como hago un Hola Mundo.

Como ya hemos dicho nuestra aplicación sera basada en código html5,css3 y javascript.

Entonces lo primero que haremos sera escribir el código de una estructura básica en html5 (Basandonos en este snippet de css-tricks)

<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Hola Mundo!!</title>
</head>

<body>
<h1>Hola Mundo!!</h1>
</body>
</html>

Y guardamos este codigo como index.html dentro de nuestra carpeta “holamundo”

Ahora crearemos el archivo mas importante que es: manifest.webapp, podemos descargar de este enlace una plantilla y adaptarla a nuestra aplicación.

{
  "name": "Hola Mundo",
  "description": "Mi primera aplicacion en FireFoxOS",
  "launch_path": "/index.html",
  "icons": {
    "128": "/img/icon-128.png"
  },
  "developer": {
    "name": "Alexis Sánchez",
    "url": "http://about.me/aasanchez"
  },
  "default_locale": "es"
}

Ya con todo esto esta listo, para probar tu aplicacion solo debes abrir el panel de lanzamiento de FirefoxOS-simulator

FireFoxOS-Launch

Luego en el boton “Add Directory” seleccionar el directorio de nuestra aplicación y hacer click en el archivo manifest.webapp y hacer luego click en abrir.

Navegar por los paneles de nuestro Sistema Operativo hasta encontrar nuestra aplicación (Generalmente en el Ultimo Panel) y ejecutarla.

Categorías:FirefoxOS Etiquetas: , , ,

Instalando Firefox-OS Simulator

3 febrero, 2013 3 comentarios

Desde hace un buen rato el amigo Arturo Martinez quien es uno de los representantes mas importantes de la fundación Mozilla para latinoamerica, ha estado en varios eventos donde hemos coincidido como ponentes hablando de FirefoxOS, de su potencial y todo eso, pero la verdad aunque la cosa me había llamado no me había dispuesto realmente buscar información para comenzar a hacer las pruebas, hasta hace unos días donde decidí hacer una instalación pensando que seria algo muy complicado, me dispuse toda una tarde libre para hacer la instalación de todos los archivos necesarios para hacer mi primera prueba, pero realmente estaba muy equivocado la instalación de todo lo necesario se haca LITERALMENTE en 2 pasos en extremo simples (y 2 pasos si y solo si no tienes firefox instalado en tu computador).

Entonces me dispongo a hacer un manual con todos los pasos en extremo detallados para que instales tu firefoxos-simulator y tengas todo lo necesario para hacer tu hola mundo en FireFox OS

Paso 1) Instalemos FireFox:
sudo apt-get install firefox

Paso 2) Instalamos FirefoxOS simulator
Buscamos FireFoxOS simulator como complemento de firefox.

Firefox-complementos

FireFoxOS

instalando

Este proceso tomara unos minutos, dependiendo de tu velocidad de conexión, por que esta extensión pesa unos 100Mb. Cuando la instalción termine, tendremos algo como esto.

firefoxosinstalado

y listo… ya con esto tenemos todas las herramientas necesarias para comenzar a hacer pruebas con firefox os, realmente no necesitamos mas nada, claro esta que para un desarrollo mas eficiente yo recomendaría instalar un Editor de código bueno como SublimeText2, y quizás un apache en tu computador para ir haciendo poco a poco las pruebas, pero eso es cuestión de gustos.

Para lanzar el Simulador de Firefox Os, hacemos lo siguiente.

FireFoxOS-Launch

Lanzando FirefoxOS simulator
(Nota: La calidad de colores es pobre en esta imagen por que es un gif, me dio flojera hacer un vídeo de esto)

Y listo, ya tienen el simulador de FireFox lanzado, pueden probarlo y jugar con el, la verdad es tan sencillo como esto, no hay que instalar SDK, ni nada por el estilo, es todo realmente simple, muy pocos pasos.

Categorías:FirefoxOS, Programación

Establecer una comunicacion Serial en Pyhton

9 febrero, 2012 1 comentario

Por razones de mi trabajo de grado me he visto en la necesidad de mejorar mis skills en python, entre varias cosas que me ha tocado hacer, aprender a establecer una comunicación Serial… cosa que realmente sorpreden lo simple que es… (Como todo en python)

#!/usr/bin/env python
import serial
ser = serial.Serial("/dev/ttyACM0")
while 1:
	s = ser.readline()
	print s

Si deseas hacerlo en Windows solo debes sustituir el parametro /dev/ttyACM0 por el COM de tu preferencia…

Categorías:Python

Instalación de Processing

17 enero, 2012 Deja un comentario

Primero que es processing:

Processing es un lenguaje de programación y entorno de desarrollo integrado de código abierto basado en Java, de fácil utilización, y que sirve como medio para la enseñanza y producción de proyectos multimedia e interactivos de diseño digital. Fue iniciado por Ben Fry y Casey Reas a partir de reflexiones en el Aesthetics and Computation Group del MIT Media Lab dirigido por John Maeda.
Processing es desarrollado por artistas y diseñadores como una herramienta alternativa al software propietario. Puede ser utilizado tanto para aplicaciones locales así como aplicaciones para la web (Applets).
Se distribuye bajo la licencia GNU GPL.

Este lenguaje fue inspiración para Arduino, este fue diseñado realmente para procesamiento de graficos e imagenes, desde hace tiempo estoy queriendo trabajar con el, y ahora tengo la necesidad de hacerlo. Asi que descidi instalarlo y dejarles un pequeño tutorial de como hacerlo.

# mkdir /opt/processing
# chmod -R 777 /opt/processing
# cd /opt/processing
# wget http://processing.googlecode.com/files/processing-1.5.1-linux.tgz
# tar -xvf processing-1.5.1-linux.tgz
# rm processing-1.5.1-linux.tgz
# mv /opt/processing/processing-1.5.1/ /opt/processing/1.5.1/
# chmod +x /opt/processing/1.5.1/processing

Siguiendo estos pasos ya podrán ejecutar Processing en su computador y comenzar a hacer pruebas, y demostrar que con codigo tambien se hacen obras de arte…