clubso - sistemas operativos a tu medida

¿Te acuerdas de mi EasyNet OS (ahora Net360 OS)? ¿Quieres empezar a crear programas para él? ¡Empieza ahorra mismo con este tutorial!

Vamos a empezar con el tutorial. Necesitarás un PC con Windows/Mac/Linux y Google Chrome actualizados. Es fácil (copiar y pegar), y se aprende en cosa de 5 minutos. Hacerlo es totalmente libre y gratuito, pero para publicarlo en la Chrome Web Store necesitas pagar 5$ de activación de la cuenta. Empecemos:

Primero, obtenemos una imagen para hacer como icono del programa. Hacemos dos archivos png, uno de 128x128 (icon_128.png) y otro de 24x24 (icon_24.png), guardándolas ambas en una nueva carpeta. Aquí os muestro el icono 128x128 que he hecho:

Ahora vamos a hacer el programa. Sencillamente, nuestro programa será una web normal y corriente, en este ejemplo ClubSO. Por tanto, lo único que vamos a crear ahora será un acceso directo. Así de simple.

Este es el código fuente del programa:

{ 

   "name": "ClubSO", 

   "description": "Web sobre sistemas operativos y alguna cosita más", 

   "version": "1.0", 

   "app": { 

      "urls": [

            "http://www.clubso.com.ar/"

      ],  

      "browse_urls": [

           "http://www.susestudio.com/",

           "http://www.susegallery.com/",

           "http://espectalll123.blogspot.com/",

           "http://www.youtube.com/",

           "http://www.megaupload.com/",

           "http://www.rapidshare.com/"

       ],    

      "launch": {

           "web_url": "http://www.clubso.com.ar/"

       }

    },  

   "icons": {

     "24": "icon_24.png",  

     "128": "icon_128.png"  

    }

}

Ahí tenemos el código fuente. Ahora lo explico:

• "name" es el nombre del programa.
• En "description" colocamos una descripción de la web.
• "version" indica el número de versión de la app.
• Dentro de "app" encontramos todas las URLs que el programa va a usar:
•        "urls" indica la URL principal de la web.
•         "browse_urls" indica las posibles otras webs a las que accedamos (opcional)
•          "launch" indica la web que abriremos desde el icono del programa.
• Desde "icons" añadimos las imágenes que creamos antes.

Ese código lo guardamos en el archivo manifest.json. Este archivo podrá ser hecho desde el mismo bloc de notas, y tiene que ser guardado con codificación UTF-8. Tenedlo en cuenta.

Ya está. Hemos creado un programa de Chrome OS. Pero, ¿cómo lo instalamos? Vamos a ver el proceso con el código fuente original:

• Abre Google Chrome.
• Ve al menú de Chrome (el de la llave inglesa) > Herramientas > Extensiones.
• Desplega el panel Modo Desarrollador.
• Pulsa en Cargar extensión descomprimida...

 

• Cargad la carpeta en la que habéis colocado el programa.

¡Felicidades! Ya tienes tu 1er programa de Chrome OS listo para usar. Está disponible en el panel que aparece al abrir una nueva pestaña. Pero, ¿y si queremos compartirlo por Internet? Tenéis 2 opciones: