Mi Mundo Ubuntu, Android, Inteligencia Artificial, web y más

Todo Sobre el nuevo IDE de Google Antigravity

2026-01-23T22:14:00.002-05:00

Antigravity: Revolucionando el Desarrollo con IA

En el vertiginoso mundo del desarrollo de software, la innovación es la clave para mantenerse a la vanguardia. Presentamos Antigravity, un entorno de desarrollo integrado (IDE) de próxima generación que está redefiniendo la forma en que los desarrolladores interactúan con su código. Impulsado por inteligencia artificial de vanguardia, Antigravity promete una experiencia de codificación más rápida, inteligente y eficiente.

¿Qué es Antigravity?

Antigravity es un IDE moderno diseñado desde cero para integrar capacidades de inteligencia artificial directamente en el flujo de trabajo del desarrollador. No es simplemente una herramienta de autocompletado avanzada; Antigravity aspira a ser un compañero de programación que entiende el contexto del código, anticipa las necesidades del desarrollador y automatiza tareas repetitivas, liberando a los ingenieros para que se concentren en la lógica y la creatividad.

A diferencia de los IDE tradicionales, Antigravity utiliza modelos de IA para ofrecer:

Completado de código contextual: No solo predice la siguiente palabra, sino bloques de código completos basados en el patrón y la intención del desarrollador.
Análisis inteligente de errores: Identifica posibles problemas antes de la compilación y sugiere soluciones proactivas.
Refactorización asistida por IA: Propone mejoras en la estructura del código y automatiza refactorizaciones complejas.
Generación de código: Puede generar fragmentos de código, funciones o incluso pruebas unitarias basándose en descripciones en lenguaje natural.

¿Para qué sirve Antigravity?

Antigravity está diseñado para desarrolladores de todos los niveles, desde principiantes hasta expertos, en una amplia gama de lenguajes de programación. Su propósito principal es aumentar la productividad, reducir el tiempo de depuración y mejorar la calidad general del software. Sirve para:

Acelerar el desarrollo: Al automatizar tareas tediosas y repetitivas, los desarrolladores pueden escribir código más rápido.
Reducir errores: La IA detecta patrones de errores comunes y sugiere correcciones antes de que se conviertan en problemas mayores.
Mejorar la calidad del código: Con sugerencias de refactorización y análisis de mejores prácticas, Antigravity ayuda a escribir código más limpio y mantenible.
Facilitar el aprendizaje: Los desarrolladores menos experimentados pueden aprender de las sugerencias de la IA y comprender mejor las estructuras y patrones de codificación.
Explorar nuevas ideas: Al encargarse de la escritura de código boilerplate, los desarrolladores tienen más tiempo para experimentar y ser innovadores.

Bondades y Características Clave

Antigravity se distingue por una serie de características innovadoras que lo posicionan como un líder en el desarrollo asistido por IA:

Inteligencia Contextual Profunda: Va más allá de las sugerencias básicas, entendiendo el propósito del código y el ecosistema del proyecto.
Soporte Multi-lenguaje: Aunque la información específica de lenguajes no se detalla, los IDE modernos suelen ofrecer amplio soporte.
Interfaz de Usuario Intuitiva: Un diseño limpio y moderno que minimiza las distracciones y facilita la navegación.
Integración con Herramientas de Desarrollo: Compatibilidad con sistemas de control de versiones, herramientas de testing y despliegue.
Personalización: Permite a los desarrolladores adaptar la experiencia del IDE a sus preferencias y flujos de trabajo específicos.
Rendimiento Optimizado: Diseñado para ser rápido y eficiente, incluso con proyectos grandes y complejos.

Aquí tienes una vista previa de la interfaz, que muestra su diseño minimalista y centrado en el código.

Instalación de Antigravity

Antigravity está diseñado para ser multiplataforma, ofreciendo una experiencia de instalación sencilla en los principales sistemas operativos.

Requisitos del Sistema (Generales):

Aunque la página no detalla requisitos mínimos específicos de hardware, se recomienda tener una máquina con recursos adecuados (CPU moderna, RAM suficiente, SSD) para aprovechar al máximo las capacidades de IA.

Instalación en Windows:

Descargar el instalador: Visita la página oficial de Antigravity (https://antigravity.google/) y haz clic en el botón "Download" o navega a la sección de descargas. Selecciona la versión para Windows. Por lo general el sitio detecta qué sistema operativo está usando para así realizar la descarga de la versión correcta.
Ejecutar el instalador: Una vez descargado el archivo .exe, haz doble clic sobre él para iniciar el proceso de instalación.
Seguir las instrucciones: El asistente de instalación te guiará a través de los pasos. Generalmente, deberás aceptar los términos de licencia, elegir la ubicación de instalación y seleccionar si deseas crear accesos directos.
Finalizar la instalación: Haz clic en "Instalar" y espera a que el proceso se complete. Una vez terminado, podrás iniciar Antigravity desde el menú Inicio o un acceso directo en el escritorio.

Instalación en Linux:

Descargar el paquete: Dirígete a la página de descargas de Antigravity (https://antigravity.google/) y selecciona el paquete adecuado para tu distribución de Linux (por ejemplo, .deb para Debian/Ubuntu o .rpm para Fedora/CentOS). `
Instalar el paquete:
- Para .deb (Debian/Ubuntu y derivados): Abre una terminal y navega hasta la carpeta donde descargaste el archivo. Luego, ejecuta:
  Bash
  sudo dpkg -i nombre_del_archivo.deb sudo apt-get install -f # Para resolver dependencias si es necesario
- Para .rpm (Fedora/CentOS y derivados): Abre una terminal y navega hasta la carpeta donde descargaste el archivo. Luego, ejecuta:
  Bash
  sudo rpm -i nombre_del_archivo.rpm
- También puedes intentar instalarlo haciendo doble clic en el archivo descargado, lo que debería abrir tu gestor de paquetes predeterminado.
Iniciar Antigravity: Una vez instalado, podrás encontrar Antigravity en el menú de aplicaciones de tu entorno de escritorio.

Instalación en macOS:

Descargar el archivo .dmg: Visita la página oficial de Antigravity (https://antigravity.google/) y descarga la versión para macOS. `
Montar la imagen de disco: Haz doble clic en el archivo .dmg descargado. Esto montará una unidad virtual en tu escritorio.
Arrastrar a Aplicaciones: En la ventana que aparece, simplemente arrastra el icono de Antigravity a la carpeta "Aplicaciones".
Expulsar la imagen de disco: Una vez copiado, puedes expulsar la imagen de disco arrastrándola a la papelera o haciendo clic derecho y seleccionando "Expulsar".
Iniciar Antigravity: Abre la carpeta "Aplicaciones" y haz doble clic en el icono de Antigravity para iniciar el IDE.

Conclusión

Antigravity representa un salto significativo en el desarrollo de software, aprovechando el poder de la inteligencia artificial para crear un IDE más inteligente, eficiente y colaborativo. Al integrar la IA directamente en el proceso de codificación, Antigravity no solo acelera la creación de software, sino que también eleva la calidad y la mantenibilidad del código. Es una herramienta que todo desarrollador que busque optimizar su flujo de trabajo debería considerar seriamente.

En futuros videos les voy a explicar las características de este nuevo IDE y crearemos un proyecto paso a paso para crear un pequeño landing page utilizando agentes de IA.

Hasta la próxima 🙌

Flutter — Atajos del IDE para Desarrollo Rápido

2019-09-16T14:37:00.003-05:00

Fuente original: https://medium.com/flutter-community/flutter-ide-shortcuts-for-faster-development-2ef45c51085b

Créditos: Pooja Bhaumik

Si eres nuevo en el desarrollo de Flutter, debes estar familiarizado con las estructuras anidadas, lo difícil que es agregar o eliminar widgets desde la mitad del código o lo difícil que es encontrar dónde termina un widget y comienza otro. Luego, pasa todo el día haciendo coincidir los corchetes de apertura con los de cierre, o al menos tratando de hacerlo. No estás solo, todos hemos estado allí. Nos llevó tiempo descubrir los atajos, pero tal vez no tengas que pasar por eso porque estoy a tu servicio; y he curado todos esos accesos directos que permiten un desarrollo más rápido y suave en Flutter.

PS. Todos estos atajos trabajan para Android Studio e IntelliJ en Windows. Vienes de iOS? Tal vez este artículo te ayude.

Creando un nuevo widget Stateless o Stateful

Adivine qué? No tienes que escribir manualmente tus widgets clases o sobreescribir las funciones build. El IDE puede hacerlo por tí.

Solo escriba stless para crear un Widget Stateless como esto:

stful para crear un widget Stateful:

Qué tal si ya creaste un Stateless Widget y añadido muchos hijos, pero luego se dió cuenta de que vá a necesitar un State después de todo? Debería hacer un nuevo widget StatefulWidgety luego manualmente transferir todo su código a el? No tienes que hacerlo!

Puedes sólo situar tu cursor en el StatelessWidget, presionar Alt + Entery hacer clic sobre Convert a StatefulWidget . Todo el código será creado por ti, automáticamente.

¡Hurra!

Más cosas mágicas que puedes hacer con Alt+Enter

Alt + Enteres la varita mágica que puedes usar para desarrollo rápido en Flutter. Puedes hacer clic en cualquier widget , presionar Alt + Entery ver qué opciones tienes para ese widget en particular. Por ejemplo:

Añadir un Padding Alrededor de un Widget

Digamos que tienes un widget que no es un Container, por lo que no tiene una propiedad padding. Quieres dar algo de padding pero tienes miedo de estropear tu estructura del widget. Con nuestra varita mágica, puedes añadir su Padding sin estropear cualquier cosa:

Sólo presione Alt + Enter sobre el widget que necesita un padding alrededor de el, y haga clic en Add Padding Y ahora puedes modificar el padding por defecto para que sea lo que quieres.

Centrar un Widget

Esto no es algo muy extraordinario. Sólo centra tu widget en el espacio disponible. Esto no trabaja dentro de un Column o Row.

Envolver con un Container, Column, Row o cualquier otro Widget

Puedes usar el mismo enfoque para envolver tu widget con un Container . Y ahora, el nuevoContainer se convertirá en el padre de tu Widget.

O, incluso puedes envolver múltiples widgets con un Column o Row en sólo un clic!

O envolverlos con cualquier otro widget:

No te gusta un widget? Remuévalo con la varita mágica.

Si, remover un widget es tan fácil como añadir uno nuevo.

Ver el Código Fuente de Tu Widget

Esta es la mejor cosa acerca de un framework open source. Si quieres saber lo que hay detrás de escena de un widget asombroso una clase, entonces sólo colocas tu cursor sobre este y presionas Ctrl + B . Este actuará como un enlace, llevándote directamente al código fuente de tu Widget donde puedes leer todo sobre él. Flutter también usa comentarios para explicar mucho de éste código, haciendo de gran documentación.

Comprueba las propiedades de un Widget sin dejar el archivo o pestaña

Si deseas comprobar qué cosas asombrosas puedes hacer sin dejar tu archivo y profundizar en los documentos, sólo presione Ctrl+Shift+I para obtener una vista rápida del constructor del widget.

Seleccionar rápidamente un Widget Entero

Muchas veces necesitamos extraer/remover un widget entero e intentamos seleccionarlo manualmente:

Si este es realmente un widget grande, entonces averígüe a qué corchete de cierre pertenece para cual puede ser bastante confuso y no queremos arruinar nuestra estructura entera.

En momentos como estos, me gusta usar este atajo super útil.

Sólo haga clic en el widget que quieres extraer y presione Ctrl+W. El Widget entero es seleccionado por ti sin mover tu cursor una pulgada.

Repare la Estructura de Código

Algunas veces tu código será un desastre. Algo así como esto:

Para las personas como yo que tienen un poco de TOC al ver un código que no tiene una sangría adecuada, esto puede ser una pesadilla.

Ahora, la mayoría de los IDEs tienen está habilidad, (aunque puede que no sea la misma combinación de teclas). Simplemente seleccione todo con Ctrl+A y presione Ctrl+Alt+L para reparar su sangría y reformatear el código.

Ver un esquema de su UI

La mayoría de nuestros Widgets no tienen sólo un hijo en su árbol. Ellos tienen arboles de hijos que tienen sus propios hijos y mucho mas. Si tu Widget tiene hijos anidados tan poco como cuatro de profundidad, entonces puede ser bastante difícil de entender la estructura del código con sólo desplazarse por él. Agradecidamente, tenemos Flutter Outline para venir a nuestro rescate!

Puedes encontrar Flutter Outline en el extremo derecho de tu IDE; este es una de las pestañas verticales y está localizado justo sobre el Flutter Inspector. Cuando lo abres, se ve así:

Ahora, puede ver claramente cual Widget está en dónde, cómo están organizados dentro de la interfaz de usuario y qué widgets tienen otros widgets hijos. ¡Pan comido!

Extraer código en un método

Flutter Outline es una herramienta bastante útil. Puedes hacer la mayorías de las cosas que hizo con Alt + Enter, como envolver con un Column y Centrar un Widget, pero hay cosas aún más impresionantes disponibles en la pestaña Flutter Outline ! Uno de ellos es el botón Extract Method.

Si sientes que estás escribiendo un Widget que se está volviendo demasiado largo y probablemente debería ser un Widget personalizado, entonces, en lugar de cambiar manualmente el código a un método, ¡puedes usar esta herramienta para hacer la magia por ti!

Mover un Widget Arriba y Abajo

Otra cosa loca que puedes hacer con Flutter Outline es si tienes múltiples hijos en un widget, puedes fácilmente reacomodar su orden:

Refactorizar Renombrar

Esta es una herramienta bastante básica que la mayoría de los IDE tienen. Este te permite renombrar un método, widget, clase o nombre de archivo y se asegura que las referencias a el también se renombren. Sólo use Shift + F6 y escriba el nuevo nombre:

Remover Imports sin usar

Así que estás trabajando en un proyecto e importas muchos archivos, pero con el tiempo tu código se optimiza más y más. Eventualmente, es posible que ya no necesite muchas de esas importaciones. Ahora está listo para llevar su código a producción, pero necesita limpiarlo y eliminar todas las importaciones no utilizadas. Tal vez normalmente los elimines manualmente, pero como estoy aquí para hacerte la vida más fácil, aquí tienes una combinación de teclado bastante bonita: Ctrl+Alt+O

Esos son todos los atajos que conozco por ahora. ¡Asegúrate de revisar a menudo para obtener más consejos, trucos y otras cosas geniales!

¿Me perdí un atajo fabuloso para salvar vidas? ¡Comenta abajo!

Comunidad Flutter Dart en Español

Grupo Telegram de Flutter Dart: @flutter_dart_spanish

Mi cuenta en twitter: @unAndroidMas

Shared Preferences: ¿Cómo guardar la configuración de la aplicación Flutter y las preferencias del usuario para su posterior reutilización?

2019-09-16T14:37:00.000-05:00

El articulo original en inglés es de Didier Boelens y lo encuentras aquí.

Este articulo describe las nociones de Shared Preferences que le permite a las aplicaciones Flutter (Android o iOS) guardar configuraciones, propiedades y datos en la forma de pares clave-valor, el cual serán persistentes incluso cuando el usuario cierra la aplicación.

Los Shared Preferences son almacenados en formato XML.

Shared Preferences es específica de la aplicación, es decir, los datos se pierden al realizar una de las siguientes opciones:

Al desinstalar la aplicación.
Al limpiar los datos de la aplicación.

Uso Principal

El uso principal de Shared Preferences es guardar las preferencias de los usuarios, configuraciones, tal vez datos (si no es muy grande) para que la próxima vez que la aplicación sea lanzada, estas piezas de información podrían ser recibidas y usadas.

Visión general de la API

La documentación completa puede ser encontrada en el Repositorio de paquetes de Flutter.

1. Getters

Set < String > getKeys() Retorna todas las claves.

dynamic get(String key) Retorna el valor, asociado con la correspondiente clave.

bool getBool(String key) Retorna el valor boolean, asociado con la correspondiente clave. Si el valor no es un boolean, lanza una excepción.

int getInt(String key) Retorna el valor integer, asociado con la correspondiente clave. Si el valor no es un integer, lanza una excepción.

double getDouble(String key) Retorna el valor double, asociado con la correspondiente clave. Si el valor no es un double, lanza una excepción.

String getString(String key) Retorna el valor string, asociado con la correspondiente clave. Si el valor no es un string, lanza una excepción.

List getStringList(String key) Retorna un conjunto de valores string, asociado con la correspondiente clave. Si el valor no es un conjunto de valores string, lanza una excepción.

2. Setters

Future < bool > setBool(String key, bool value) Guarda un valor boolean y asociado con la clave.

Future < bool > setInt(String key, int value) Guarda un valor integer y asociado con la clave.

Future < bool > setDouble(String key, double value) Guarda un valor double y asociado con la clave.

Future < bool > setString(String key, String value) Guarda un valor string y asociado con la clave.

Future < bool > setStringList(String key, List value) Guarda una lista de valores string y asociado con la clave.

3. Removal

Future < bool > remove(String key) Remueve los pares-clave asociados con la clave.

También, en cualquier setter, el hecho de pasar un valor nulo, corresponde a llamar a eliminar (clave).

Future < bool > clear async Remueve todos los pares-clave enlazados al paquete de la aplicación.

Cómo usarlo?

pubspec.yaml

En el archivo pubspec.yaml, añada el shared_preferences a la lista de dependencias, como sigue:

Uso Práctico

El siguiente trozo de código simula una clase que necesita negociar con una preferencia de usuario (por ejemplo, permitir notificaciones, orden de clasificación).

Conclusiones

Como usted puede ver, es sencillo utilizar este paquete.

El código anterior solo pretende mostrar cómo invocar el paquete. En la práctica, es más probable que no tenga un getter/setter por configuración …

Tenga en cuenta que los Shared Preferences no están cifrados, por lo tanto, no se recomienda colocar datos confidenciales, como una contraseña, por ejemplo.

Estén atentos para nuevos artículos y feliz codificación.

Parseando JSON complejo en Flutter

2019-09-16T14:35:00.000-05:00

Fuente original: https://medium.com/flutter-community/parsing-complex-json-in-flutter-747c46655f51

Créditos: Pooja Bhaumik (https://medium.com/@poojabhaumik)

Tengo que admitirlo, Me estaba perdiendo el mundo gson de Android después de trabajar con JSON en Flutter/Dart. Cuando comencé a trabajar con APIs en Flutter, el uso de parsing en JSON me hizo luchar mucho. Y estoy segura, confunde a muchos de ustedes principiantes.

Estaremos usando la librería incorporada dart:convert para este blog. Este es el método de parsing más básico y sólo se recomienda si está comenzando con Flutter o si está construyendo un proyecto pequeño. Sin embargo, conocer los conceptos básicos de parsing de JSON en Flutter es bastante importante. Cuando seas bueno en esto, o si necesita trabajar con un proyecto más grande, considere bibliotecas generadoras de código como json_serializable, etc. Si es posible, las descubriré en los próximos artículos.

Haga un fork de este proyecto de ejemplo. Tiene todo el código para este blog con el que puedes experimentar.

Estructura JSON #1: Map simple

Vamos a empezar con una estructura jSON simple desde students.json

{
"id":"487349",
"name":"Pooja Bhaumik",
"score" : 1000
}

Regla #1 : Identifique la estructura. Las cadenas Json tendrán un Map (pares clave-valor) o una Lista de Maps.

Regla #2 : Comienza con llaves? Es un map. Comienza con corchetes? Es una Lista de maps.

student.json es claramente un map. (Por ejemplo, id es una llave, y 487349 es el valor de id)

Vamos a hacer un archivo PODO (Plain Old Dart Object?) para esta estructura json. Puede encontrar este código en student_model.dart en el proyecto de ejemplo.

class Student{
  String studentId;
  String studentName;
  int studentScores;

  Student({
    this.studentId,
    this.studentName,
    this.studentScores
 });}

Perfecto!.

¿Era que? Porque no hubo asignación entre los maps json y este archivo PODO. Incluso los nombres de las entidades no coinciden.

Lo sé, lo sé. No hemos terminado todavía. Tenemos que hacer el trabajo de asignar estos miembros de clase al objeto json. Para eso, necesitamos crear un método factory. De acuerdo con la documentación de Dart, usamos la palabra clave factory cuando implementamos un constructor que no siempre crea una nueva instancia de su clase y eso es lo que necesitamos ahora.

factory Student.fromJson(Mapdynamic> parsedJson){
    return Student(
      studentId: parsedJson['id'],
      studentName : parsedJson['name'],
      studentScores : parsedJson ['score']
    );
  }

Aquí, estamos creando un método factory llamado Student.fromJson cuyo objetivo es simplemente deserializar su json.

Soy un poco novato, ¿puedes hablarme sobre la deserialización?

Por supuesto. Vamos a hablarte primero sobre la serialización y deserialización. Serialización simplemente significa escribir los datos (que podrían estar en un objeto) como una cadena, y la Deserialización es lo opuesto a eso. Toma los datos en bruto y reconstruye el modelo de objetos. En este artículo, nos ocuparemos principalmente de la parte de deserialización. En esta primera parte, estamos deserializando la cadena json de student.json

Así que nuestro método factory podría ser llamado como nuestro método de conversión.

También debes notar el parámetro en el método fromJson. Es un map Significa que mapea una clave cadena con un valor dinámico. Es exactamente por eso que necesitamos identificar la estructura. Si esta estructura json fuera una lista de mapas, entonces este parámetro habría sido diferente.

Pero porqué dinamico?

Veamos primero otra estructura json para responder tu pregunta.

name is un Map, majors es un Map de String y List y subjects es un map de String y List

Dado que la clave es siempre una cadena y el valor puede ser de cualquier tipo, lo mantenemos como dinámico para estar en el lado seguro.

Vea el código completo de student_model.dart aquí.

Accediendo al objeto

Escribamos student_services.dart que tendrá el código para llamar a Student.fromJson y recuperar los valores del objeto Student.

Snippet #1 : imports

import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;
import 'dart:convert';
import 'package:flutter_json/student_model.dart';

El último import será el nombre de su archivo model.

Snippet #2 : cargar el Asset Json (opcional)

Future _loadAStudentAsset() async {
  return await rootBundle.loadString('assets/student.json');
}

En este proyecto en particular, tenemos nuestros archivos json en la carpeta Assets, por lo que tenemos que cargar el json de esta manera. Pero si tiene su archivo json en la nube, puede hacer una llamada de red en su lugar. Las llamadas de red están fuera del alcance de este artículo.

Snippet #3 : cargar el response

Future loadStudent() async {
  String jsonString = await _loadAStudentAsset();
  final jsonResponse = json.decode(jsonString);
  Student student = new Student.fromJson(jsonResponse);
  print(student.studentScores);
}

In this método loadStudent(),

Line 1 : cargando el json string crudo desde los assets.
Line 2 : Decodificando esta cadena json cruda que tenemos.
Line 3 : Y ahora estamos deserializando la respuesta json decodificada llamando al método Student.fromJson para que podamos usar el objetoStudent para acceder a nuestras entidades.
Line 4 : Como hicimos aquí, donde nosotros imprimimos studentScores desde la clase Studentclass.

Revise su consola Flutter para ver todos sus valores de impresión. (En Android Studio, está bajo la pestaña Ejecutar)

¡Y voilá! Acabas de hacer tu primer parsing JSON (o no).
Nota: recuerde los 3 fragmentos de código aquí, lo usaremos para el siguiente conjunto de parsing json (solo cambiando los nombres de archivo y de método), y no repetiré el código nuevamente aquí. Pero puedes encontrar todo en el proyecto de muestra de todos modos.

Estructura JSON #2 : Estructura simple con arrays

Ahora conquistamos una estructura json que es similar a la anterior, pero en lugar de valores simples, también puede tener un array de valores.

{
  "city": "Mumbai",
  "streets": [
    "address1",
    "address2"
  ]
}

Así que en esta address.json, tenemos una entidadcity que tiene un valorString simple, perostreets es un array deString.
Por lo que sé, Dart no tiene un tipo de datos de matriz, pero en cambio tiene un List, por lo que aquístreets será unList.

Ahora tenemos que verificar la Regla # 1 y la Regla # 2. Este es definitivamente un Map ya que comienza con una llave. Sin embargo, streets sigue siendo List, pero eso nos preocupará más adelante.

Así que address_model.dart inicialmente se verá así

class Address {
  final String city;
  final List streets;

  Address({
    this.city,
    this.streets
  });
}

Ahora, debido a que este es un map, nuestro método Address.fromJson todavía tendrá un parámetro Map.

factory Address.fromJson(Mapdynamic> parsedJson) {
  
  return new Address(
      city: parsedJson['city'],
      streets: parsedJson['streets'],
  );
}

Ahora construya el archivo address_services.dart añadiendo los tres trozos de cigo que mencionamos arriba. Debe recordar poner los nombres de archivo y los nombres de método apropiados. El proyecto de ejemplo ya tiene el archivoaddress_services.dart construido para ti.

Ahora, cuando ejecutes esto, obtendrás un pequeño error. : /

type 'List' is not a subtype of type 'List'

Te digo, estos errores se han producido en casi todos los pasos de mi desarrollo con Dart. Y los tendrás también. Así que déjame explicarte lo que esto significa. Estamos requiriendo un List pero estamos obteniendo un List porque nuestra aplicación no puede identificar el tipo todavía.

Así que tenemos que convertir explícitamente esto a un List

var streetsFromJson = parsedJson['streets'];
List streetsList = new List.from(streetsFromJson);

Aquí, primero estamos mapeando nuestra variable streetsFromJson a la entidad streets. streetsFromJson sigue siendo todavía List. Ahora creamos explícitamente un nuevo List streetsList que contiene todos los elementos de streetsFromJson.

Compruebe el método actualizado aquí. Observe la declaración de devolución ahora. Puede ejecutar esto con address_services.dart y esto funcionará perfectamente.

Estructura Json #3 : Estructuras anidadas simples

Ahora si tenemos una estructura anidada como esta de shape.json

{
  "shape_name":"rectangle",
  "property":{
    "width":5.0,
    "breadth":10.0
  }
}

Aquí, property contiene un objeto en vez de un tipo de dato primitivo básico. Entonces, ¿cómo se verá el PODO?

Está bien, vamos a romper un poco.
En nuestro shape_model.dart, primero hagamos una clase para Property.

class Property{
  double width;
  double breadth;

  Property({
    this.width,
    this.breadth
});
}

Ahora, vamos a construir la clase para Shape. Estoy manteniendo ambas clases en el mismo archivo Dart.

class Shape{
  String shapeName;
  Property property;

  Shape({
    this.shapeName,
    this.property
  });
}

Note cómo el segundo miembro de dato property es básicamente un objeto de nuestra clase Property vista anteriormente.

Regla #3: Para estructuras anidadas, haga las clases y constructores primero, y luego añada los métodos factory desde el nivel inferior.

Por nivel inferior, queremos decir, primero conquistamos la clase Property y luego subimos un nivel por encima de la clase Shape. Esta es solo mi sugerencia, no una regla de Flutter.

factory Property.fromJson(Mapdynamic> json){
  return Property(
    width: json['width'],
    breadth: json['breadth']
  );
}

Esto fue un simple map.

Pero para nuestro método factory en la clase Shape, podemos sólo hacer esto:

factory Shape.fromJson(Mapdynamic> parsedJson){
  return Shape(
    shapeName: parsedJson['shape_name'],
    property : parsedJson['property']
  );
}

property : parsedJson['property'] Primero, esto lanzará el error de tipo mismatch —

type '_InternalLinkedHashMap' is not a subtype of type 'Property'

Y segundo, hey, acabamos de hacer esta pequeña clase para Property, no veo su uso en ninguna parte.

Correcto. Debemos mapear nuestra clase Property aquí.

factory Shape.fromJson(Mapdynamic> parsedJson){
  return Shape(
    shapeName: parsedJson['shape_name'],
    property: Property.fromJson(parsedJson['property'])
  );
}

Básicamente, estamos llamando al método Property.fromJson desde nuestra clase Property y, a pesar de lo que obtengamos a cambio, lo asignamos a la entidad property. ¡Sencillo! Echa un vistazo al código aquí.

Ejecute esto con su shape_services.dart y estará listo.

Estructura JSON #4 : Estructuras anidadas con Listas

Revisemos nuestro product.json

{
  "id":1,
  "name":"ProductName",
  "images":[
    {
      "id":11,
      "imageName":"xCh-rhy"
    },
    {
      "id":31,
      "imageName":"fjs-eun"
    }
  ]
}

Está bien, ahora estamos profundizando. Vemos una lista de objetos en algún lugar dentro.

Si, esta estructura tiene una Lista de objetos, pero en si mismo es todavía un map. (Vea la Regla #1, y Regla #2). Ahora, refiriéndonos a la Regla #3, vamos a construir nuestroproduct_model.dart.

Entonces creamos dos nuevas clases Product yImage.

Nota: Product tendrá un miembro de dato que es una Lista deImage

class Product {
  final int id;
  final String name;
  final List images;

  Product({this.id, this.name, this.images});
}

class Image {
  final int imageId;
  final String imageName;

  Image({this.imageId, this.imageName});
}

El método factory paraImage será un poco simple y básico.

factory Image.fromJson(Mapdynamic> parsedJson){
 return Image(
   imageId:parsedJson['id'],
   imageName:parsedJson['imageName']
 );
}

Ahora para el método factory de Product

factory Product.fromJson(Mapdynamic> parsedJson){

  return Product(
    id: parsedJson['id'],
    name: parsedJson['name'],
    images: parsedJson['images']
  );
}

Esto obviamente lanzará un error de tiempo de ejecución

type 'List' is not a subtype of type 'List'

Y si hacemos esto,

images: Image.fromJson(parsedJson['images'])

Esto también está definitivamente incorrecto, y te lanzará un error inmediatamente porque usted no puede asignar un Objeto Image a una List

Entonces tenemos que crear un List y luego asignarlo a images

var list = parsedJson['images'] as List;
print(list.runtimeType); //returns ListList imagesList = list.map((i) => Image.fromJson(i)).toList();

list aquí es una List. Ahora, iteramos sobre la lista y mapear cada objeto en list aImage llamando Image.fromJson y luego ponemos cada objeto map en una nueva lista con toList() y almacenarlo en List imagesList. Encuentra el código completo aquí.

Estrutura JSON #5 : Lista de maps

Ahora vamos a photo.json

[
  {
    "albumId": 1,
    "id": 1,
    "title": "accusamus beatae ad facilis cum similique qui sunt",
    "url": "http://placehold.it/600/92c952",
    "thumbnailUrl": "http://placehold.it/150/92c952"
  },
  {
    "albumId": 1,
    "id": 2,
    "title": "reprehenderit est deserunt velit ipsam",
    "url": "http://placehold.it/600/771796",
    "thumbnailUrl": "http://placehold.it/150/771796"
  },
  {
    "albumId": 1,
    "id": 3,
    "title": "officia porro iure quia iusto qui ipsa ut modi",
    "url": "http://placehold.it/600/24f355",
    "thumbnailUrl": "http://placehold.it/150/24f355"
  }
]

La regla # 1 y la regla # 2 me dicen que esto no puede ser un map porque la cadena json comienza con un corchete. ¿Así que esta es una lista de objetos? Sí. El objeto que está aquí esPhoto (o como quieras llamarlo).

class Photo{
  final String id;
  final String title;
  final String url;

  Photo({
    this.id,
    this.url,
    this.title
}) ;

  factory Photo.fromJson(Mapdynamic> json){
    return new Photo(
      id: json['id'].toString(),
      title: json['title'],
      url: json['json'],
    );
  }
}

Pero esto es una lista dePhoto , entonces esto significa que tienes que construir una clase que contega una List?

Así es, podría sugerir eso

class PhotosList {
  final List photos;

  PhotosList({
    this.photos,
  });
}

También note que, este string es una Lista de maps. Entonces, en nuestro método factory, no tendremos un parámetro Map, porque esto es una Lista. Y eso es exactamente porqué es importante identificar la estructura primero. Luego, nuestro nuevo parámetro podría ser un List.

factory PhotosList.fromJson(List<dynamic> parsedJson) {

    List photos = new List();

    return new PhotosList(
       photos: photos,
    );
  }

Esto podría lanzar un error

Invalid value: Valid value range is empty: 0

Hey, porque nosotros nunca podríamos usar el método Photo.fromJson.
Porqué, si nosotros añadimos esta línea de código después de nuestra inicialización de la lista?

photos = parsedJson.map((i)=>Photo.fromJson(i)).toList();

El mismo concepto que antes, simplemente no tenemos que asignar esto a ninguna clave de la cadena json, porque es una Lista, no un mapa. Código aquí.

Estructura JSON #6 : Estructuras anidadas complejas

Aquí está Page.json.

Te pediré que resuelvas esto. Ya está incluido en el proyecto de muestra. Solo tienes que construir el modelo y el archivo de servicios para esto. Pero no concluiré antes de darte sugerencias y consejos (si es el caso, necesitas alguno).

La regla # 1 y la regla # 2 como de costumbre se aplican. Identificar primero la estructura. Aquí hay un map. Así que todas las estructuras de json del 1 al 5 ayudarán.

La regla # 3 le pide que primero cree las clases y los constructores, y luego agregue los métodos de fábrica desde el nivel inferior. Sólo otro consejo. También agregue las clases desde el nivel profundo / inferior. Por ejemplo, para esta estructura json, cree la clase para Image primero, luego Data yAuthor y luego la clase principal Page. Y agrega los métodos factory también en la misma secuencia.

Para las clases Image yData refiérase Estructura Json #4.
Para la clase Author refiérase a Estructura Json #3.

Tip para principiantes: Mientras experimenta con cualquier nuevo assets, recuerde declararlo en el archivo pubspec.yaml.

Y eso es todo para este artículo de Flutter. Es posible que este artículo no sea el mejor artículo de análisis JSON que existe (porque todavía estoy aprendiendo mucho), pero espero que haya comenzado.

Liberado GIMP 2.10.4 con inicio más rápido y herramienta de Auto Enderezado

2018-07-23T14:28:00.000-05:00

GIMP 2.10.4 en una Release menor de esta maravillosa herramienta de edición de fotografías, con una cantidad de mejoras.

Carga de fuentes de forma Asíncrona

GIMP ya no tiene que esperar que termine la carga de las fuentes para así cargar el resto. Esto permite que la aplicación cargue más rápido y su uso sea inmediato, para así empezar a editar cosas que no tengan que ver con texto como por ejemplo editar los colores o manipulación de una imagen.

Cuando hagas clic en la herramienta de Texto, entonces comenzará a cargar las fuentes, lo cual puede tomar un tiempo dependiendo del equipo que tengas.

Etiquetado de fuentes

Otro cambio relacionado con las fuentes en esta versión es la capacidad de etiquetar las fuentes de la misma manera que los degradados, los pinceles y los patrones.

Esto es útil cuando manejas toneladas de fuentes y quieres identificarlas o agruparlas mediante una etiqueta para encontrarlas más fácil, por ejemplo "fuentes de mi empresa", "Comic Book", etc.

Auto Enderezado

¿Alguna vez has tomado una foto y te has dado cuenta de que la imagen sale con un ángulo?

Si es así, la opción Auto Enderezado de GIMP te arregla la foto automáticamente para que quede enderezada.

Para rectificar y rotar automáticamente sus imágenes desalineadas, simplemente seleccione la herramienta Medir desde el selector de herramientas, mida el ángulo del horizonte en su imagen, y luego haga clic en el nuevo botón "Enderezar" para que GIMP ajuste su imagen en correctamente.

Otros cambios

Las mejoras mencionadas anteriormente no son los únicos cambios en GIMP 2.10.4:

Aplicar múltiples transformaciones simultáneamente en el filtro de transformación.
El widget del tablero ahora puede mostrar el uso detallado de la memoria

Mejor soporte para archivos PSD guardados con la opción "Maximizar compatibilidad"
Tono-saturación selectiva
Nuevo administrador de opciones de herramientas

Puede encontrar un registro de cambios completo para este Release adjunto al anuncio de la lista de correos de GIMP.

Firebase: más que una base de datos

2016-06-18T21:34:00.001-05:00

Hola amigos, hoy estuve en una charla que hizo la Comunidad de Desarrolladores de Google (GDG) en la ciudad de Cali, y estuvieron hablando sobre Firebase.

Siempre pensaba que era sólo otra base de datos más, pero en la charla ví muchas cosas muy interesantes sobre esta herramienta. Firebase fue comprada en el 2014 por Google y ofrece un conjunto de productos para que los desarrolladores de software construyan aplicaciones web o móviles. También posee un backend como servicio.

Firebase ofrece servicios tales como:

Base de datos en tiempo real
User Authentication
Static Hosting
Remote Config
Crash
Storage
Test Lab

Puedes utilizar Firebase con lenguajes de programación tales como Ruby, Python, PHP, Javascript, Android, iOS, etc; con sólo agregar unas líneas de código.

Posee también herramientas de Analytic y un servicio muy interesante que me gustó llamada Crash. La función de Crash es informar al grupo de desarrollo sobre lo errores o crashs que les aparecen a los usuarios cuando utilizan su aplicación/es, tales como la marca del dispositivo, el modelo, el proveedor u operador que utiliza, el país, el detalle del error, y otras más; con el fin de que el desarrollador o el grupo de trabajo tome decisiones para corregir el problema.

Muchas de las características son de uso gratuito y además ofrece un almacenamiento de 1 giga, pero si quieres tener más almacenamiento, tiene un costo.

En fin, yo creo que este artículo expliqué lo mínimo de lo que ví en la charla, pero me gustaría que ingresaran a https://firebase.google.com/ para que conozcan más de esta herramienta y creen una cuenta gratis para utilizar los servicios antes citados.

Saludos!!!

Animación de lista tipo Material Design con Javascript

2016-06-02T21:40:00.000-05:00

En esta ocasión comparto con ustedes una animación que estuve buscando, y lamentablemente no la encontré.
Se trata de una animación de Lista como lo hace Android Lollipop. Manos a la obra.

Comencemos

En el editor de tu preferencia debes crear un archivo llamado index.html con el siguiente contenido.

Así mismo crearemos un archivo llamado main.js con el siguiente contenido:

De igual forma creamos un archivo llamado style.css con el contenido siguiente:

El resultado final será este:

Conclusión

Las animaciones de los diversos dispositivos con los que actualmente convivimos pueden ser traducidas de una manera sencilla a la web.

También puede interesarte esta directiva para angular!

Udemy - Probar Django | Construir una Aplicación Web en Python [Free]

2016-06-01T21:06:00.002-05:00

Probar Django 1.9 es un video tutorial de Django para principiantes. Un curso ideal para gente sin mucha experiencia técnica ya que Django es un framework que fomenta el desarrollo rápido junto a un diseño limpio y pragmático. Te enseñaremos lo suficiente --sin marearte-- para que te quedes con una buena base para después, poder crear una aplicación web.

Crear el proyecto de tus sueños en poco tiempo.

Empezar un proyecto con Django
Acabar con una página de aterrizaje ("landing page") lista para personalizar
Instalar todo el software necesario
Aprender los componentes básicos del framework
Escribir código utilizando el lenguaje de programación 'Python'

Django es un backend framework de código abierto y de alto nivel, utilizado por Instagram y Pinterest. Con Django es posible construir aplicaciones web muy útiles y poderosas para todos tus proyectos. Está escrito en Python, un lenguaje de programación potente y muy expresivo, es perfecto tanto para expertos como para principiantes.

Las comunidades de Django y Python no dejan de crecer, únete y verás las posibilidades que te salen!

Resumen del Curso

Este curso con enfoque práctico está dirigido a gente motivada y sin experiencia técnica ya que con Django se puede crear aplicaciones escribiendo el menor código posible.

Como está escrito en Python, aprenderás el concepto de programación orientada a objetos (POO, u OOP según sus siglas en inglés), un paradigma de programación que usa objetos en sus interacciones, para diseñar programas informáticos. Está basada en varias técnicas, incluyendo herencia y encapsulamiento.

Siguiendo el curso, crearás una página de aterrizaje --pasito a pasito-- algo que te servirá como base para tu gran proyecto, una aplicación web con mucha funcionalidad.

Por último, doy explicaciones para principiantes, es decir, no te explicaré "en marciano". Quiero que tu primera experiencia con Django sea agradable NO frustrante!

Elementos de Django que cubrimos en este curso:

Formularios (Django Forms y Model Forms)
Modelos
Vistas
Interfaz Administrativa
Plantillas
URLs
Archivos Estáticos (imágenes)
Diseño Básico (HTML & CSS)
QuerySets
y MUCHO MÁS!

Visita el siguiente link para entrar a la página del curso: Udemy Django

Ruby on Rails & Bootstrap - Construir una App de administrador de contactos

2016-05-30T21:00:00.002-05:00

Hola amigos, aquí les dejo un videotutorial de cómo construir una app de administrador de contactos, usando Ruby on Rails y Bootstrap. Espero les guste.

Generando Códigos de Barras con JRuby y Barcodes4J

2016-05-29T13:27:00.000-05:00

Ruby tiene un ecosistema muy vibrante que ofrece soluciones para casi todos los problemas comunes. Pero un área particular de retraso es la generación de código de barras. Ruby solamente tiene soluciones para la generación de códigos QR, que son, sin duda, muy popular, pero no gozan de aceptación masiva en segmentos de la industria. Viejas simbologías de códigos de barras, como el Código 128, Data Matrix, y PDF417, gozan de mayor aceptación en las aplicaciones de negocio que los códigos QR. ¿Qué debemos hacer si necesitas generar un código 128 en una aplicación de Ruby / Rails?

Afortunadamente tenemos una solución: JRuby. JRuby nos permite aprovechar excelentes bibliotecas Java y utilizarlos en aplicaciones Ruby. Uno de estos es la biblioteca Barcode4J que es popular en el mundo Java para generar códigos de barras. Hoy en día, vamos a aprender cómo integrar y utilizar Barcode4J en Ruby. Entonces empecemos.

Aplicación Básica Rails

Vamos a crear una aplicación Rails básica. La aplicación utilizará JRuby, Rails 4.2, y SQLite como base de datos para mantener las cosas simples. En primer lugar, instalamos JRuby con RVM o rbenv.

Cambiar a JRuby y gem install la última gema de Rails. Ahora creamos una nueva aplicación Rails, así:

    rails new barcode4j_rails -T

Después de generar la aplicación, cambie al directorio de la aplicación y verifique cómo está funcionando:

    rails s

Vamos al navegador favorito a la dirección http://localhost:3000 y podrémos ver la página de inicio de nuestra aplicación Rails.

Integrando Barcode4J

Ahora vamos a integrar Barcode4J en nuestra aplicación Rails. En primer lugar, descargamos los archivos Barcode4J desde la página The Barcode4J Project. Vamos a utilizar la versión 2.1.0. Descargar barcode4j-2.1.0-bin.zip y descomprimir el archivo. Copiar barcode4j.jar de la carpeta build en lib/Barcode4J en nuestro directorio de la aplicación. También, copiar todos los archivos de la carpeta lib en lib/Barcode4J.

Por último, nuestra estructura de directorio debería ser como sigue:

barcode4j_rails
  - app
  ...
  - lib
    - barcode4j
      - barcode4j.jar
      ...

Ahora que tenemos todos los archivos necesarios en su lugar, creamos una clase llamada barcode_generator.rb en el directorio lib con el siguiente código:

Hemos creado una clase sencilla que puede generar cuatro tipos de códigos de barras, el envío de enviar de nuevo un archivo de imagen en formato PNG. Todo lo que tenemos que pasar es la simbología y los datos del código de barras. Vamos a detenernos en el funcionamiento interno de la clase.

En primer lugar, cargamos todos los archivos .jar en la classpath:

Luego, importamos todas las referencias requeridas:

A continuación, establezca el DPI de la imagen de código de barras para crear un objeto y ByteArrayOutputStream para mantener la imagen renderizada. A continuación, crear un BitmapCanvas sobre el cual se dibujará el código de barras. Tal como:

Inicializar la simbología de código de barras según lo previsto:

Configure el generador de código de barras para la configuración, tales como quiet zone y module width:

A continuación, invoque el método actual de generación de código de barras:

# Generate barcode 
bean.generateBarcode(canvas, data)
canvas.finish()

Por último, convierta la imagen de código de barras en el flujo de bytes y retorne la imagen:

# Convert image to byte array for streaming
bytes = bos.toByteArray
bos.close

return String.from_java_bytes(bytes)

Ahora tenemos nuestro generador de código de barras en su lugar. Vamos a crear un inicializador en config/inicializadores/barcode.rb para cargar la clase en Rails:

require 'barcode_generator'

Probando el generador de Códigos de Barra

Ahora vamos a crear una clase BarcodesController en app/controllaers con el siguiente código:

Se definieron dos acciones aquí. En primer lugar, una acción index para representar la página real del generador de código de barras, lo que vamos a crear en breve. En segundo lugar, una acción generate para llamar y producir la imagen de código de barras. La acción generate invoca el método BarcodeGenerate.generate con los parámetros de simbología y de datos de la URL. Entonces, generar utiliza el método send_data para transmitir la imagen al navegador.

Ahora actualice config/routes.rb para añadir rutas a esas acciones:

Rails.application.routes.draw do
  root 'barcodes#index'
  get '/barcodes/:symbology' => 'barcodes#generate'
end

La última cosa a hacer es crear la interfaz de usuario actual para el generador de código de barras. Crear una vista en app/views/barcodes/index.html.erb con el siguiente código:

Sólo tendrá que crear un formulario con un campo para introducir datos y otro para seleccionar la simbología de código de barras. Cuando hacemos clic en el botón "Generar código de barras ', simplemente actualizamos atributo src de la etiqueta img con la URL relevente para generar nuestra imagen de código de barras.

Cambiar la simbología a 'Data Matrix' y haga clic en "Generate Barcode"de nuevo. Ahora debemos ver un código de barras Datamatrix. Esto es lo que parece:

Fuente: Sitepoint

Ver desarrolladores codeando en vivo y en directo

2016-05-25T22:00:00.000-05:00

Livecoding.tv es un sitio donde podemos ver en vivo y en directo a desarrolladores en todo el globo programando o realizando un proyecto, el cual hasta podeos participar en un Hangout con ellos.

Podemos buscar el lenguaje de programación, framework o cualquier herramienta de desarrollo mediante el buscador incorporado.

Sólamente les puedo decir que entren a la página y se registren y asi pueden aprender de los demás programadores en todo el mundo.

Que lo disfruten!!!!

Disponible Linux 4.6 para todos!

2016-05-23T21:28:00.001-05:00

Disponible Linux 4.6 para todos

Linux Torwalds ha anunciado la próxima actualización de Línux con codename Charred Weasel (Comadreja Carbonizada), el cual trae varias mejoras a nivel de estabilidad y compatibilidad con el hardware.

Esta es la lista de mejoras que trae esta nueva actualización:

Soporte para USB 3.1 pudiendo tener velocidades de hasta 10 gbps, el doble que su antecesor 3.0.
La wifi sufrió varias modificaciones, destacando ath10k (Atheros), con soporte para el chip qca4019 y ath9k_htc.
Los drivers libres de las placas de video NVIDIA AMDGPU y NOUVEAU, han sido dotadas de más estabilidad y optimización, incorporando además soporte para aceleración 3D.
Mejoras en el sistema de archivos como Btfrs que incluye una nueva opción para rescatar particiones dañadas, ext4 mejora su escalibilidad (xattr) y F2FS con mayor rendimiento, recordá que es el sistema creado por Samsung para el uso de memorias flash.
AHCI soporta gestión de energía y elimono el soporte a dispositivos Intel Lewisburg SATA RAID viejos.
Incorporación del protocolo de enrutamiento Batman (Better Approach To Mobile Adhoc Networking), soporte para el cifrado 802.1AE a nivel de MAC y la adición de un nuevo subsistema del kernel de conexión multiplexor (KCM).

Más información en KernelNewbies

Canonical extenderá Ubuntu para funcionar en smartphones y tablets

2011-11-13T14:36:00.001-05:00

La interfaz de Unity proveerá una plataforma común para ejecutar Ubuntu entre múltiples tamaños de equipos.

Canonical planea expandir su distribución de Ubuntu Linux para que pueda ser usada en smartphones, tablets y otros equipos electrónicos de interfaz táctil, anunció el fundador de Canonical, Mark Shuttleworth.

“Los usuarios cotidianos de computadoras están empezando a hacer sus operaciones a lo largo de un repertorio más amplio de dispositivos y factores de forma“, dijo Shuttleworth. Canonical quiere “llevar Ubuntu a todos los factores de forma de computación personal, en teléfonos, tablets y smart-screens”.

Shuttleworth presentó sus planes el lunes en la Ubuntu Developer Summit, que tiene lugar esta semana en Orlando. En la conferencia, espera despertar el entusiasmo de los desarrolladores voluntarios, a quienes Canonical tendrá que ayudar a construir la plataforma y proveer aplicaciones para el sistema operativo ampliado.

“Una aplicación para Ubuntu en el futuro tendrá múltiples personalidades. Cuando esté corriendo en una computadora de escritorio, tendrá una personalidad distinta a cuando esté corriendo en una tablet”, explicó Shuttleworth. “Desde el punto de vista del desarrollador, habrá una cantidad fenomenal de coherencia y reuso de las capacidades del núcleo en la aplicación”.

Canonical enfrenta una competencia bastante dura en los mercados de tablets y smartphones, aún más allá del predominio actual de Apple en estos territorios. El sistema operativo para smartphones Android de Google, también basado en Linux, soporta casi al 40% de los smartphones en los Estados Unidos, de acuerdo a la última encuesta de ComScore. En tablets, Android aún no tiene una adopción tan amplia, aunque puede que Microsoft haga un ingreso significativo con su futuro lanzamiento del SO Windows 8, compatible con tablets.

Para los desarrolladores y usuarios, Ubuntu puede ofrecer una cantidad de ventajas sobre las otras ofertas, dijo Shuttleworth. A diferencia de Google, que está adquiriendo al fabricante de móviles Motorola, Canonical no tiene planes de ofrecer sus propios smartphones, de modo que se podría considerar una alternativa más neutral ante los fabricantes de hardware. Shuttleworth también prometió un proceso de actualizaciones más uniforme usando el servicio Ubuntu One, reduciendo en potencia la fragmentación o los procesos desiguales de actualización que han pesado sobre Android a la fecha.

Ubuntu también podría ofrecer una base de código unificada, dijo Shuttleworth. Un programador puede escribir una aplicación para Ubuntu y hacer que funcione, con modificaciones mínimas, en smartphones, tablets y computadoras de escritorio.

Canonical se ha estado anticipando al proceso de preparar Ubuntu para esta movilización desde hace un tiempo, comentó Shuttleworth. El paso controversial de la compañía a la interfaz de Unity se realizó, en parte, porque Unity estaría mejor acondicionado para funcionar entre las distintas plataformas.

“El diseño básico de Unity nos coloca en una buena posición para construir una familia coherente de interfaces. La estructura básica de Unity podrá alcanzar a todos estos factores de forma, reteniendo cierta coherencia para los usuarios, y respetando las características únicas de estos factores de formna, dijo Shuttleworth.

La compañía también desarrolló una versión de Ubuntu para correr sobre procesadores ARM, algo que será esencial para funcionar en dispositivos con chips de diseño ARM.

Canonical no ha establecido un mapa de ruta o ninguna fecha específica para lanzar este software, pero esperan que las versiones listas para móviles del sistema operativo empiecen a aparecer para 2014. Gran parte del trabajo en la interfaz táctil ya ha sido completado, y la compañía espera que los desarrolladores en la conferencia identifiquen el trabajo que queda por hacer.

En abril, Shuttleworth expresó poco interés en el creciente mercado de tablets, prefiriendo en cambio preparar a Ubuntu para netbooks, además de las versiones estándar del sistema para desktops y servidores.

Fuente: PcWorld México

Repara resoluciones de pantalla y mas cosas con Xrandr

2011-11-13T14:20:00.001-05:00

Xrandr (X Resize & Rotate), es una utilidad de línea de comandos disponible en el sistema Linux. Con esta herramienta podemos configurar todos los parámetros de la resolución de pantalla así como añadir nuevas resoluciones. Al funcionar desde la linea de comandos, es muy útil si hay algún problema con la configuración de la pantalla o tarjeta de vídeo y no podemos entrar en modo gráfico. También dispone de una interfaz gráfica llamada Grandr, que nos permite configurar fácilmente las opciones de pantalla.

En el caso que nos ocupa, no tenemos acceso al modo gráfico, por lo que lo primero es saber nuestras resoluciones y cual estamos utilizando, para ello tecleamos en consola xrandr, que nos dará una salida parecida a esta:

Como podemos ver en esta salida tenemos toda la información de nuestra tarjeta de vídeo en mi caso solo tengo una conectada LVDS1.
Una forma fácil de ver si tenemos algún problema de resolución es fijándonos en la linea marcada con el signo más “+“, dicho símbolo nos indica que esa es la resolución recomendada y el asterisco “*“, nos dice la resolución que estamos utilizando. En este caso los dos símbolos están situados en la misma linea, por lo que todo está correcto. Pero en el caso de que no sea así y queramos cambiar o crear otra una nueva resolución soportada por nuestra tarjeta, procederemos de la siguiente manera.

Para crear una nueva resolución primero debemos utilizar cvt, seguido de la resolución que queramos añadir, con esto conoceremos los modos, ‘ Modeline’ de esa resolución para poder añadirlos luego.

$ cvt 320 768

Ya se que la resolución que pongo es un tanto extraña, pero quiero mostrar que se puede forzar cualquier resolución soportada.

La salida de los modos de la resolución elegida es la siguiente:

Con esta información ya podemos cargar la nueva resolución. Para ello añadimos el ‘Modeline‘ al siguiente comando para crear el modo:

$ xrandr --newmode "320x768_60.00" 19.75 320 336 368 416 768 771 781 798 -hsync +vsync

Vemos que si hacemos de nuevo xrandr ya nos aparece la nueva resolución.

Y añadimos el modo creado a la tarjeta conectada que en este caso es LVDS1:

$ xrandr --addmode LVDS1 320x768_60.00



Con esto ya tenemos agregada esta extraña configuración.








Si nos damos cuenta de que ese modo no es correcto o simplemente no funciona, podemos eliminarlo con --rmmode:


$ xrandr --rmmode LVDS1 320x768_60.00




Para predeterminar esta nueva configuración o cualquiera de las que ya tengamos, (no voy a usar la creada anteriormente por motivos obvios), tecleamos:


$ xrandr --output LVDS1 --mode 1024x768



Como podéis ver ahora el asterisco está situado en 1024×768:








En el caso de querer solucionar un error “out of range” o fuera de rango, que suele venir porque la tasa de refresco del monitor es diferente a la configurada por defecto. Esto puede darse cuando actualizamos a una distribución que no reconoce un monitor CRT adecuadamente, por ejemplo. Para solucionarlo solo tendréis que añadir la tasa soportada por el monitor. Para hacer esto hay que agregarla a la linea anterior con --rate:


$ xrandr --output LVDS1 --mode 1024x768 --rate 60,3




Una vez lo tenemos configurado todo necesitamos guardar estos cambios para que sean permanentes, para ello tenemos que añadirlos editando el archivo /Default como root:


# nano /etc/gdm/Init/Default



Buscamos las siguientes lineas…




PATH=”/usr/bin:$PATH”
OLD_IFS=$IFS

… Y debajo de ellas añadimos todos los pasos que ya habíamos realizado desde la terminal, en el caso de la configuración de ejemplo que creé antes, sería añadir lo siguiente:

xrandr --newmode "320x768_60.00"   19.75  320 336 368 416  768 771 781 798 -hsync +vsync
xrandr --addmode LVDS1 320x768_60.00
xrandr --output LVDS1 --mode 320x768
Solo nos queda guardar y reiniciar con la nueva configuración.


Esto son solo algunos ejemplos de lo que se puede hacer con este comando, pero su potencial va más allá, pudiendo incluso configurar diferentes tarjetas con diferentes monitores creando una configuración personalizada para cada uno de ellos, también se pueden crear pantallas virtuales o intercambiar pantallas, etc…


Para más información el comando man xrandr es nuestro amigo.

Conoce mejor tu sistema através de sus Logs

2011-11-13T14:12:00.001-05:00

Una de las primeras preguntas que te vienen a la cabeza cuando tienes un problema es, ¿por qué ha pasado esto?. Lógicamente conociendo la respuesta a esa pregunta los problemas son mucho más fáciles de solucionar.
Lo que a veces olvidamos es que Linux nos puede contestar esa pregunta mediante “logs“. Estos archivos contienen la información de lo que sucede en nuestro sistema proporcionándonos una gran variedad de datos.

Todos estos archivos se encuentran ordenados en la carpeta /var/log/ y hay unos cuantos, así que voy a mostraros algunos de los más útiles, aunque como digo hay muchos más.

.- /var/log/kern.log: Guarda un registro de los mensajes del núcleo (Kernel).
.- /var/log/syslog: Registro de mensajes del sistema y de sus programas.
.- /var/log/dmesg: Información de arranque del sistema y conexiones de hardware principalmente.
.- /var/log/debug: Información de depuración de los programas.
.- /var/log/Xorg.0.log: Información sobre el entorno gráfico.
.- /var/log/boot.log: Información del arranque
.- /var/log/fontconfig.log: Configuración de las fuentes del sistema.
.- /var/log/mail.log: Logs del servidor de correo.
.- /var/log/auth.log: Conexiones al sistema incluidos los intentos fallidos y los accesos como root.
Si queremos ver al instante todo lo que esta pasando en nuestro sistema, solo hay que añadir los logs que queramos monitorizar al siguiente comando:

tail -f --retry /var/log/syslog /var/log/auth.log

Podemos acceder a todos estos archivos con nuestro gestor de archivos, desde una terminal añadiendo el comando cat delante o con cualquier editor como nano.

Como curiosidad os muestro el log de auth.log de mi portátil, con el que he tenido problemas y entré al sistema de diferentes formas, algunas de ellas incluso fallidas por problemas con el teclado.

Aunque esto es conocido por casi todos nunca está de más recordarlo ya que es al primer sitio donde se debe acudir para intentar resolver un problema, o solo recabar información y aportarla para facilitar el trabajo en cualquier foro especializado.

Primera beta de Ubuntu 11.10

2011-09-11T17:03:00.000-05:00

Cada vez queda menos para la disponibilidad definitiva de Ubuntu 11.10. La primera beta de esta versión del sistema operativo) está disponible, aunque se espera que haya una segunda antes del lanzamiento definitivo.

Ha empezado la cuenta atrás para el lanzamiento definitivo de Ubuntu 11.10, puesto que está disponible la primera beta de la próxima versión del sistema operativo de código fuente abierto y gratuito de Canonical.

Se espera, de hecho, que Ubuntu 11.10 haga su aparición oficial en el mercado el próximo 13 de octubre pero, hasta entonces, deberá aparecer una segunda versión beta, que está previsto que se libere el próximo 22 de septiembre.

La versión beta de Ubuntu 11.10 puede descargarse desde la web. Algunos de los cambios que se pueden contemplar en esta versión, y agrupadas bajo el paraguas de Oneiric Ocelot, es que la imagen en el DVD es más pequeña, tal y como habían pedido los usuarios, ocupando apenas 1,5 GB. En esta imagen se incluyen todos los idiomas, además de aplicaciones como Inkscape, GIMP, PiTiVi y LibreOffice.

Además, en esta beta también se incluyen una serie de imágenes denominadas Ubuntu Core, que incluye las partes esenciales del software y cuya finalidad es que pueda emplearse como base para distribuciones y productos Ubuntu personalizados.

Además, gracias a Oneiric Ocelot se pueden instalar librerías y aplicaciones de 32 bits para operar en sistemas de 64 bits, de manera que los usuarios no tendrán que instalar otras herramientas para que estos productos funcionen.

Ubuntu 11.10 también incluye aplicaciones como Thunderbird para el correo electrónico, Déjà Dup para realizar backup y Gwibber para microblogging.

IDG.es

Cómo conectar tu Android y tu PC Linux usando el wifi

2011-08-07T13:38:00.000-05:00

El otro día me preguntaba si habría una forma de conectar mi celular Android a mi PC de escritorio a través del wifi, evitando así el uso de cables y del inservible (al menos para estos casos) bluetooth. Mejor aún, quería saber si había alguna forma "segura" de hacerlo, a través de SSH. Bueno, sí existe y es una pavada.

Pasos a seguir

1.- Instalar SSHDroid en tu celular.

2.- Asegurate de estar conectado a la red wifi en la que se encuentra tu PC.

3.- Iniciar SSHDroid. Vas a ver que te muestra la dirección que tenés que ingresar en tu explorador de archivos favorito (Nautilus, Thunar, PCManFM, etc.). También podrías usar openSSH desde un terminal, eso depende de tus gustos.

4.- La primera vez te va a pedir que ingreses una contraseña. Por defecto, viene con "admin". No obstante, es altamente recomendable cambiarla. La contraseña la configurás en tu teléfono (ya que es tu teléfono el que está funcionando como servidor). En SSHDroid, seleccioná Options y allí vas a poder configurar tu contraseña y otras cuestiones importantes (como la posibilidad de que SSHDroid arranque al iniciarse Android, etc.).

5.- Listo. Ya podés acceder a tu teléfono sin cables y en forma segura (ya que estás usando SSH).

6.- Para terminar la conexión, no olvides seleccionar Quit en SSHDroid.

DaNorcia GNOME Theme Pack

2011-08-07T13:23:00.000-05:00

La verdad es que me recuerda la PC del trabajo (uso Windows) pero no está nada mal el tema, además demuestra la versatilidad de GNOME.
El pack trae:

Tema GTK
Tema Metacity
Tema Emerald
Iconos + Cursores
Perfil para Compiz (no recomendado en Natty)

Licencia: GPL

Descarga: http://home.teletu.it/danorcia/Index.html

& trucos para usuarios avanzados de Ubuntu (1. parte)

2011-07-01T21:06:00.000-05:00

A continuación expondremos 15 trucos que puedes probar si eres un ávido usuario de Ubuntu:

1. Se más rápido que un rayo con la línea de comandos

Puedes usar atajos de teclado y otros trucos de la línea de comandos para entrar comandos de una manera más rápida y eficiente. Ya debes saber que la tecla “Tab” completa comandos parciales e incluso nombres de archivos y directorios.

Esta es una lista de algunos otros atajos de teclado que puedes usar en el terminal:

Ctrl-a Mueve el cursor al principio de la línea
Ctrl-e Mueve el cursor al final de la línea
Alt-] x Mueve el cursor hacia adelante hasta la siguiente ocurrencia de x
Alt-Ctrl-] x Mueve el cursor hacia atrás hasta la anterior ocurrencia de x
Ctrl-u Borra desde el cursor hasta el inicio de la línea
Ctrl-k Borra desde el cursor hasta el final de la línea
Ctrl-w Borra desde el cursor hasta el principio de la palabra
Ctrl-y Pega texto del portapapeles
Ctrl-l Despeja la pantalla dejando la línea actual en la parte superior de la pantalla
Ctrl-x Deshace los últimos cambios
Alt-r Deshace todos los cambios de la línea
Alt-Ctrl-e Expande la línea de comandos
Ctrl-r Incremental de búsqueda inversa del historial
Alt-p No-Incremental de búsqueda inversa del historial
!! Ejecuta el último comando del historial
!abc Ejecuta el último comando en el historial que empieza por abc
!n Ejecuta el enésimo comando en el historial
^abc^xyz Reemplaza la primera ocurrencia que empiece por abc con xyz y luego la ejecuta.

2. Lanza aplicaciones con el teclado

Puedes utilizar aplicaciones como Launchy o Gnome-Do que hacen más fácil poder ejecutar aplicaciones con solo escribir unos pocos carácteres del nombre de la aplicación.

O puedes usar gconf editor (Alt+F2 y escribe gconf-editor y pulsa enter), navega a apps > metacity > global keybindings, haz doble clic en cualquiera de los run_command_N y escribe el atajo de teclado que quieres asignar a la aplicación y toma nota del número N.

Ves entonces a apps > metacity > keybindings_commands y haz doble clic en command_N (N es el número que has usado antes) y escribe en el comando que quieras ejecutar. Por ejemplo, si quieres ejecutar Firefox deberías escribir firefox.

3. Empieza donde lo dejaste

Puedes hacer que Ubuntu recuerde las aplicaciones que tenías abiertas cuando cerraste la última sesión, así cuando vuelvas a entrar encontrarás todas esas aplicaciones ejecutándose y podrás seguir donde los dejaste.

Para conseguirlo ves a System > Preferences > Startup Applications, allí ves a la pestaña de opciones y marca “Automatically remember running applications when logging out”.

4. Crea una partición separada de la Home de Ubuntu

Las nuevas versiones de Ubuntu llegan cada seis meses. Aunque puedes actualizar a la última versión desde el gestor de actualizaciones, a veces la actualización no funciona tal y como esperábamos y muchos usuarios prefieren hacer una instalación limpia.

La desventaja es que con una instalación limpia pierdes todos los datos de tu carpeta de inicio. Para evitar esto puedes crear una partición separada para tu carpeta Home cuando estás instalando Ubuntu, dimensiónala según tus necesidades y cuando decidas reinstalar Ubuntu la próxima vez, simplemente específica esta partición como la partición Home (eligiendo /home como el punto de montaje).

Todos tus archivos de la partición Home se guardarán incluso después de una instalación limpia.

5. Actualiza e instala Ubuntu sin conexión de internet

Hay varias maneras de conseguirlo, la más fácil de todas es usar APTonCD. APTonCD te permite crear CD y DVD que contengan todos los paquetes que quieras, con los cuales puedes instalar el software en un ordenador que no disponga de conexión a internet.

APTonCD necesita que tengas conexión a internet o todos los paquetes descargados para crear el disco de instalación. Una vez ese disco ya está creado ya no necesitas conexión a internet para instalarlo. Inserta el disco y usa apt-get tal y como lo harías normalmente.

6. Utiliza PPAs, instala las últimas versiones de software

Si quieres estar actualizado en todo momento, debes buscar Personal Package Archives para tu software favorito en Launchpad y añadirlos a tus fuentes de instalación de software.

Synaptic no hará parte de Ubuntu Oneiric Ocelot

2011-06-26T17:48:00.000-05:00

Efectivamente señores, Synaptic ya no formará parte de la próxima versión de Ubuntu Oneiric Ocelot.

La decisión ya está tomada. La gente de Canonical ha optado por prescindir del sistema de gestión de paquetes de Debian GNU/Linux Synaptic que ha estado presente durante estos últimos años en la distro de Linux Ubuntu en favor del más moderno Centro de Software de Ubuntu.

Es cierto que (de momento) el Centro de Software de Ubuntu no es tan completo como Synaptic (por ejemplo carece de una opción de downgrade que permita volver a una versión anterior de una aplicación ) pero la decisión ya está tomada. Además el equipo de desarrollo de Ubuntu suele ser bastante radical en los cambios…

Así pues nos viene una versión de Ubuntu (Oneiric Ocelot) con importantes cambios como el que les comento en esta entrada y la salida del también mítico editor de imágenes Gimp. Veremos cómo es la bienvenida del usuario final…

Instalar SAMBA en Ubuntu 11.04

2011-06-26T17:29:00.000-05:00

Samba es una implementación del protocolo de red SMB/CIFS en sistema Unix. Provee soporte de plataforma cruzada para compartir archivos e impresoras entre diferentes sistemas operativos (Windows y Linux por ejemplo). Samba también puede funcionar como con controlador de dominio estilo NT4, y puede integrarse dominios NT4 y Active Directory. Samba puede correr en practicamente todas las distribuciones de Linux y muchos otros OS como Windows, Mac, etc.

Con Samba puedes acceder a las carpetas e impresoras del otro equipo al que tiene otro sistema operativo, dentro de la red donde te encuentras.

Instalando Samba desde el Administrador de Paquetes Synaptic

1. Abra el Administrador de Paquetes Synaptic y busque el paquete "Samba".
2. Marque el paquete de instalación y luego clic en "Aplicar".

3. Espere hasta que el proceso de instalación termine (toma mas o menos 2 minutos)

Instalando desde el Centro de Software

1. Abra el Centro de Software de Ubuntu y busque el software "Samba"

2. Clic en "Instalar" y espere un momento para que sea instalado.

Instalando desde Terminal

Abra el terminal (presione ALT+CTRL+T) y escriba el siguiente comando

sudo apt-get install samba

En otro tutorial Explicaré como configurar una impresora en Ubuntu para compartir en una red con Windows.

Saludos!!!

Gnome Mplayer

2011-06-24T13:29:00.000-05:00

Hola a todos:

Si depronto estan cansados o aburridos del reproductor de multimedia que trae por defecto el Ubuntu, pues aquí les traigo una alternativa para que la prueben y den el veredicto.

Se trata de Mplayer, un reproductor que es de apariencia básica pero que se acomoda al escritorio de Gnome y que consume pocos recursos.

Las opciones de las que disponemos en éste reproductor no son extremadamente avanzadas aunque sí las necesarias para controlar brillo, subtítulos, canales de audio… además de tener soporte para DVD y MKV. Como “puntito” avanzado tendremos posibilidad de buscar carátulas de discos en Amazon e información de artistas y álbums.

No es la panacea pero seguro que a más de uno le sirve como reproductor de urgencia cuando el “Reproductor de películas” de Ubuntu falla.

Información básica:
Plataforma: Linux
Licencia: GPLv2
Precio: Gratuito
Enlace de descarga: Gnome Mplayer

Disponible Firefox 5

2011-06-21T18:02:00.000-05:00

Hola a todos:

Ya está disponible la quinta versión de Firefox, la cual trae muchas mejoras y cambio en la apariencia.

Visiten: www.mozilla.org

Felíz Día del Padre

2011-06-18T19:12:00.000-05:00

Hola amigos del foro, Mi Mundo Ubuntu les desea a todos los papás y a los que van a hacer, un felíz día. Gracias por sus esfuerzos que tienen con nosotros, por regalarnos la vida, la comprensión y acompañarnos en este camino arduo de la vida. Gracias por aconsejarnos y darnos apoyo.

Felíz Día!!!!!

Atentamente,

Grupo de Mi Mundo Ubuntu

Disponible Firefox 5 Release Candidate para Descarga

2011-06-18T08:35:00.000-05:00

Ya está disponible para descargar la versión Release Candidate de Firefox 5, no nos encontraremos un cambio tan grande como cuando salió Firefox 4 pero si se han incorporado una serie de mejoras y de características nuevas que no tenemos en la versión actual.

Algunas de esas mejoras son el soporte para animaciones con CSS, mayor integración en los entornos de escritorio Linux, eliminación de errores de versiones anteriores, mayor rendimiento tanto en memoria como en velocidad de canvas así como mejoras en el soporte de estándares como pueden ser HTML5, XHR, MathML, … entre otras cosas.

La versión final se espera para el próximo 21 de junio, esta versión está disponible para Windows, Linux y Mac OS, podéis descargarla desde Mozilla

Vía: Fayerwayer