codigobit: Javascript

Mostrando entradas con la etiqueta Javascript. Mostrar todas las entradas

NativeScript — Desarrolla aplicaciones móviles usando JavaScript (muy pronto)

2/04/2015 vhanla

NativeScript[4]

Existen muchas herramientas para ejecutar aplicaciones escritas en JavaScript para Android, iOS o Windows Phone, o casi híbridas, digo casi porque muchas de ellas sólo hacen de intermediario limitado entre la aplicación web orientada a dispositivos móviles agregando funcionalidades con plugins que deberemos buscar según nuestras necesidades ya sea para interactuar con cierta API de Android o iOS, me refiero a herramientas tales como Cordova, y demás otros que son variaciones de ésta o están basados en ésta. Sin embargo, Telerik, una empresa que ofrece herramientas de desarrollo online para crear aplicaciones móviles usando estándares web, está trabajando en una herramienta que promete darnos un mayor acercamiento a la API nativa de la plataforma que elijamos para nuestras aplicaciones y sin dejar nuestro querido JavaScript.

Android / HTML5 / iOS / Javascript / WebApps / Windows Phone

Gestiona tus dispositivos Android desde tu PC con SnapPea

10/05/2012 vhanla

Si tiene un dispositivo basado en Android, quizás usted desee gestionarlo desde su PC.

Con SnapPea podrá gestionar su dispositivo, organizar sus contactos, música, aplicaciones e imágenes desde la comodidad de su computadora.

SnapPea

SnapPea no sólo ofrece gestionar su contenido actual, sino que permite descargar e instalar aplicaciones directamente desde la aplicación, y además puede mantener las descargas en su carpeta especial ya sea para poder reinstalarla o instalar en otro dispositivo suyo.

Puede ver y editar sus contactos, exportarlos en varios formatos, gestionar sus mensajes de texto y fácilmente ver y transferir sus fotografías, música y vídeos desde y hacia su PC. Inclusive puede enviar mensajes desde su PC y recibir notificaciones si un nuevo mensaje llega a su dispositivo.

Otra característica interesante, es la de poder realizar copias de respaldo (puede respaldar sus contactos y archivos personales como también acceder a su tarjeta SD), soporte WiFi, iTunes y más.

SnapPea[3]

También puede capturar la pantalla de su dispositivo móvil y verlo en ~~tiempo real~~ el monitor de su PC.

Requisitos

Sistema Operativo: Windows
Drivers correctamente instalados.

Descargar desde: http://www.snappea.com/

Vía NirmalTV

Android / Dispositivos / Gadgets / Javascript / Software / Utilitarios / Windows / Windows 7 / Windows 8

XNES–Emulador de Súper Nintendo portado a JavaScript y HTML5

8/22/2012 vhanla

En la anterior entrada mencionamos sobre un emulador para Nintendo64 escrito en JavaScript, pero no sería justo saltarnos de emuladores, sin mencionar al ícono de las consolas, al SNES o Súper Nintendo. Y es que desde hace 2 días recién está disponible XNES, un emulador portado a JavaScript y HTML5 gracias a EMScripten, una herramienta para convertir código c/c++ a JavaScript; y esta vez sí podemos decir que los juegos se pueden jugar aunque por el momento no cuente con sonido.

XNES

El autor TJWei portó no únicamente un emulador, sino dos: SNEM y el archi conocido SNES9x (aunque por ahora es lento), pero con ello asegura la compatibilidad con la mayoría de juegos de Súper Nintendo.

Browser / Chrome / Emulador / Firefox / HTML5 / Javascript / Juegos / Opera / Source Code / Web / WebApps / WebKit

Emulador Nintendo 64 con JavaScript y WebGL

8/22/2012 vhanla

N64JS es un emulador de Nintendo 64 que corre gracias a JavaScript y WebGL escrito por Paul Holden. Su trabajo empezó con un proyecto de emulador de Nintendo64 que no estaba orientado a javacript, sino a otras plataformas, entre ellas PSP, denominado Daedalus y que desde luego es más madura que esta versión portada a WebGL.

n64js

Según menciona su inspiración para continuar con su trabajo utilizando tecnologías web modernas, fue Fabrice Bellard con su emulador de linux http://bellard.org/jslinux/.

Chrome / Emulador / Firefox / HTML5 / Javascript / WebGL

AMPortable–Apache+MySQL+PHP Portable

6/22/2012 vhanla

AMPortable[9]

AMPortable v1.2.2 es un software portable que permite ejecutar Apache2, MySQL y PHP5 sin la necesidad de estar instalando nada.

En la captura pueden verlo funcionando en Windows 8 Release Preview, el programa se esconde en la bandeja de sistema. Como pueden apreciar, actualmente se está en la sección de proyectos, en donde se hizo clic derecho en uno de ellos, ahí se desea abrir ese proyecto en Opera u otro navegador que se haya detectado en el sistema.
Bueno, eso es lo que permite actualmente, ya lo estaré publicando en mi sitio web.

Características:

Permite ejecutar Apache2, MySQL5 y PHP5.3 sin necesidad de instalar nada (requiere no tener en ejecución otras instancias de los programas mencionados)
Dado que es portable, podemos comprimir toda la carpeta y llevarlo a cualquier lugar y seguir trabajando sin ningún problema.
Permite configurar el puerto
Permite especificar una carpeta externa para poder enlazarla con un alias
Permite visualizar los diferentes proyectos
Permite abrir las carpetas de dichos proyectos directamente
Permite abrir las carpetas en sublimetext2 directamente
Permite abrir los proyectos en los navegadores instalados
Permite crear nuevos proyectos (carpetas)
Permite visualizar PHPInfo
Permite iniciar o detener el servidor http, mysql rápidamente
Permite iniciar junto con Windows de manera silenciosa
Ofrece un entorno de desarrollo vía web tales como:
- Codeita
- IceCoder
- SQLBuddy
- SQLDesigner
- PHPConsole
- Nitro (TODO list)
- Enlaces a ayuda online (PHP.net, HTML5 spec, CSS, W3 Schools, jQuery, CSSDeck, Drawter, JSFiddle, JSLint)
XDebug habilitado por defecto.
Ofrece una extensión para Google Chrome que permite abrir dicho entorno de desarrollo web.

amportable[5]

AMPortable luce así:

Ofrece configuración del puerto http a utilizar
Una carpeta externa alternativa para no estar copiando nuestros archivos dentro de la carpeta de AMPortable (generalmente se enlazará a localhost/www)
También puede buscar el ejecutable de SublimeText2 para luego poder abrir sus proyectos con este increíble editor
Los botones Iniciar y Detener nos permiten detener o iniciar tanto el servidor http (Apache aplicando las modificaciones al archivo php.ini de PHP) como el servidor de base de datos (MySQL).
El botón phpinfo nos permitirá visualizar los datos de nuestra configuración a PHP
El botón Dev Center nos permitirá abrir en nuestro navegador el entorno web de desarrollo
Si cuenta con el navegador web Google Chrome, podrá instalarlo como una aplicación web
Desde Google Chrome podrá acceder al entorno web de desarrollo.
AMPortable Dev Center contiene las siguientes aplicaciones web

Codeita: Un editor de código fuente sencillo

SQLBuddy: Un cliente para gestionar la base de datos MySQL

WWWSQLDesigner: Una aplicación web para diseñar visualmente nuestras bases de datos

PHP Console: Consola web para probar algunos snippets PHP sin necesidad de estar creando archivos PHP ni mucho menos abriéndolos averiguando su URL.

Nitro: Una aplicación web para navegadores webkit, que permite tomar notas rápidas, crear tareas, y además sincronizar con Ubuntu One o DropBox

Referencias online: Permite acceder a diferentes sitios que pueden sernos de mucha ayuda, entre ellos JsFiddle, PHP.net, W3 Schools entre otras.

IceCoder: Otro editor parecido a Codeita, pero más avanzado, aunque ha de notarse su lentitud cuando se tiene muchos archivos en nuestro proyecto.
El botón Mostrar proyectos nos permitirá visualizar el listado de proyectos PHP que tengamos en AMPortable, en realidad lista las carpetas dentro de la carpeta content\www\ de AMPortable.
Dentro de esta sección de proyectos podemos interactuar con nuestros proyectos de la siguiente manera:

En el listado sólo tenemos un proyecto, al hacer clic derecho en ese proyecto nos mostrará el menú contextual de la captura.
Podemos :
- Abrir en el navegador predeterminado dicho proyecto
- También podemos abrirlo en los otros navegadores que tengamos instalado, así nos ahorramos estar escribiendo URLs y también evitamos estar ejecutando tales navegadores por separado. Muy necesario el estar verificando cómo se comporta nuestro proyecto en los diferentes navegadores.
- Además podemos abrir la carpeta de dicho proyecto en el explorador de Windows.
- Otra opción nos permite abrir la carpeta raíz (la que contiene a todos nuestros proyectos).
- También podemos crear nuevos proyectos directamente desde ahí
En este ejemplo vemos cómo creamos un nuevo proyecto (en realidad una nueva carpeta)
Una vez creado, podremos abrir la carpeta recién creada en el Explorer

- Abrir con Sublime Text 2 : nos permitirá abrir dicho proyecto (carpeta) en este genial editor de código fuente.

Eso es todo por ahora, espero que les sirva así como a mí. Este programa lo pongo a vuestra disposición de manera gratuita, y si desean pueden realizar donaciones aquí http://apps.codigobit.info/p/support.html me servirá de mucho su apoyo, gracias :)

Descargar https://www.box.com/s/a9e3048ccf8383646c43 (20MB)

Nuevas características:

Se agregó línea de comandos al menú contextual para gestionar los proyectos por medio de cmd.exe
Se corrigió el problema de PATH interno a la carpeta PHP5 y MySQL
con eso en la línea de comandos se puede utilizar tanto php.exe como mysql.exe
Se agregó iconos al menú contextual así como poder utilizar nuestros favicon.ico como icono del proyecto

Browser / Chrome / Extension / Extensión / Firefox / HTML5 / Internet Explorer 9 / Javascript / Mis Aplicaciones / Opera / PHP / Software / SQL / Web / WebApps / WebKit / Windows / Windows 7 / Windows 8

Web App Iconifier para Google Chrome

4/03/2012 vhanla

WebAppIconifier[3]

Web App Iconifier es una aplicación web que permite crear de manera muy sencilla las aplicaciones web para la WebStore de Google Chrome, pero únicamente las aplicaciones del tipo hosted apps que son en realidad enlaces a sitios o aplicaciones web existentes.

En un anterior post, publiqué un tutorial de cómo realizar manualmente una aplicación de este tipo - Cómo crear una web app que enlace a nuestro sitio web, - y viendo la sencillez de realizarlo, escribí esta aplicación web que nos facilite aún más la creación de este tipo de aplicaciones web.

Esta aplicación web funciona offline y no require de ninguna conexión para generar los archivos necesarios.

Cómo usar:

Clic en el botón START y mostrará un formulario fácil de llenar
además se puede visualizar el código fuente del archivo manifest.js

Luego de ello podemos subir nuestra imagen que utilizaremos como icono para nuestra aplicación web
En el editor de icono podemos elegir el área de la imagen, los márgenes, filtros gráficos y además plantillas guías para adecuar la ubicación y tamaño sugerido por Google Chrome (96x96, es decir 128x128 con border transparentes de 16px lo cual hace que la imagen en realidad sea de 96x96 píxeles).
Una vez completada estos pasos, presionamos en next y podremos visualizar una simulación de la página nueva de Google Chrome mostrando nuestro icono generado.
Hacemos clic en Download y si hicimos todo correcto podremos comprimir los archivos y finalmente descargarlo
Al hacer clic en compress dependiendo de su navegador, demorará casi nada y ya podremos descargarlo.
Eso es todo, el archivo comprimido lo podemos descargar en cualquier carpeta o subirlo a nuestra cuenta WebStore, pero es recomendable probarlo localmente.
Como pueden ver en la siguiente imagen, ese es el resultado

Como pueden ver, la aplicación es fácil de utilizar y el resultado es rápido, nos ahorra el tener que estar creando manualmente cada archivo.

La aplicación web ya lo publiqué en la webstore ~> Web App Iconifier.

Browser / Chrome / CSS3 / Customize / Extension / Extensión / Google / HTML5 / Javascript / Mis Aplicaciones / Tutorial / Utilitarios / Web / WebApps

[TGIF] Infinite Mario en HTML5

8/05/2011 vhanla

Infinite Mario Bros es un clon del video juego Mario, con la diferencia que los mapas son generados aleatoriamente, lo cual ofrece una infinidad de niveles. Fue realizado por Robert Kleffner y está basado en el trabajo de Notch hecho en Java.

Geek / HTML5 / Javascript / Juegos / TGIF

appMobi XDK permite crear aplicaciones HTML5 para web y móviles desde Chrome

8/04/2011 vhanla

AppMobi ha lanzado XDK el cual permite a los desarrolladores crear aplicaciones optimizadas con HTML5 tanto para la web como para dispositivos móviles. El resultado son aplicaciones HTML5 tan buenas como las encontradas en la tienda de Google Chrome, pero también puede ser utilizado en aplicaciones híbridas enviados ya sea a la AppStore de Apple o al Android Market.

appMobi-XDK

El XDK es en sí una aplicación web que utiliza Java y está disponible en la tienda de aplicaciones de Chrome.

XDK Significa multiplataforma

Si puede escribir código utilizando HTML5, CSS3 y Javascript, puede utilizar XDK para construir cualquier aplicación web, menciona appMobi. No hay necesidad de saber Objective C o descargar otros SDK. La nueva XDK permite utilizar estándares web para crear aplicaciones, así como también su propia biblioteca javaScript aUX, para efectos tales como transiciones y desplazamiento.

xdk-debug

El XDK también ofrece herramientas de depurado con emulación en pantalla, tanto en el dispositivo como de manera remota desde cualquier parte del planeta, menciona la compañía. Y funciona tanto en MacOSX como en Windows.

Una vista rápida

La extensión para Google Chrome lo descargan de aquí y para utilizarlo, se debe tener JRE instalado. El programa necesita de una carpeta de trabajo no sin antes haber permitido que Chrome cargue la aplicación habilitando la ejecución de Java.

xdk-carpeta

En seguida se podrá ver que appMobi XDK crea un servidor local para acceder por ejemplo “http://localhost:58888/_emulator/_ide/login.html”,

xdk-login

Si aún no contamos con una cuenta, colocamos nuestro correo electrónico para proceder a registrarnos.

xdk-reg

Podemos tener múltiples cuentas individuales bajo un nombre de compañía.

Eso es todo, ya tenemos nuestra cuenta registrada. Ahora seguirá la pantalla del asistente de creación de proyectos. Para empezar que mejor que utilizar la primera opción Soy nuevo en appMobi… (I’m new to appMobi…)

xdk-newapp

Actualmente permite crear un proyecto de 5 maneras:

Utilizando una aplicación de ejemplo
Para dispositivos o plataformas específicas
Iniciar con características API pre habilitadas para ciertos dispositivos.
Un proyecto en blanco.
Y finalmente, utilizar una plantilla de pago

Si elegimos la primera opción, nos mostrará las aplicaciones demostrativas que ofrece

xde-samples

Finalmente escribimos el nombre del proyecto

xde-codigobit

Los proyectos creados se almacenarán en nuestra cuenta así como en la ubicación definida.

xdk-life-cycle

El ciclo de vida propuesto por appMobi es:

Desarrollo
Pruebas locales
Pruebas en cualquier lugar
Despliegue
Servicios en la nube

xde-features

El XDK incluye: Pushmobi para el sistema de mensajes, acceso a la cámara, oAuth para una integración con servicios como Twitter,LinkedIn y Yelp. Generador de código de barras y escaneo de código QR. Y también ofrece la depuración utilizando Chrome.

XDK ofrece un IDE en el mismo navegador, el cual permite desarrollar la aplicación.

Además de todo ello, appMobi dice que XDK es totalmente compatible con el proyecto de desarrollo HTML5 multi plataforma PhoneGap, el cual recientemente llegó a su versión 1.0. Al igual que PhoneGap, el XDK de appMobi también provee acceso características nativas de los dispositivos, tales como GPS, acelerómetro, y cámara, además de ofrecer interacción táctil, gestos, vibración y más.

Los desarrolladores que utilizan XDK pueden escoger el integrar otros servicios de appMobi, que no son parte de la suite de desarrollo HTML5. Incluyen cosas como compras desde la aplicación, mensajes de contenido rico, uso de analytics, autenticación segura del usuario y actualización de aplicaciones.

Junto con XDK, appMobi lanzó HTML5 App School, un recurso online para aquellos que comienzan en el desarrollo de aplicaciones para móviles. Provee detallada información en todas las partes del proceso de desarrollo, desde la conceptualización, a través de planeamiento y desarrollo, hasta la publicación de la aplicación en tiendas online como la App Store de Apple. App School también ofrece acceso a herramientas, bibliotecas y otros recursos, foros, códigos de ejemplo, seminarios y vídeos instructivos.

Algunos comentarios sobre XDK resaltan algunos problemas con Java, pero no en todos los casos. ¿Cuál fue tu experiencia?

Descargar: XDK

Android / Browser / Chrome / CSS3 / Dispositivos / Emulador / Extension / HTML5 / iPad / iPhone / Java / Javascript / Móvil / Source Code / Tecnología / Touch / Web / WebApps

Adobe lanza aplicación para realizar animaciones HTML5

8/01/2011 vhanla

Adobe lanzó una versión previa pública de Adobe Edge, su nueva herramienta de diseño de animaciones web, hoy Lunes 1 de Agosto de 2011.

Adobe-Edge

Edge permite que los usuarios puedan crear animaciones utilizando HTML5, CSS3 y JavaScript – no Flash. Es el primer software de talla profesional para la edición HTML5 que sale al mercado y actualmente está disponible de manera gratuita, mientras la empresa busca sugerencias y reportes por parte de los desarrolladores.

El producto que se basa estrictamente en estándares HTML y que no incorpora Flash, no está hecho con la finalidad de reemplazar Dreamweaver o Flash, sino para coexistir con ellos, mejorando la posición de Adobe en el futuro de la infraestructura Web, especialmente cuando HTML5 se ha convertido en la tecnología más importante para móviles.

Adobe Edge está disponible tanto para Windows como MacOSX. Viene como versión de evaluación por un periodo de 152 días.

Adobe-Edge-trial