Archivo de la categoría: Utilidades y SW

Novedades ultima actualización Windows 10 Creators Update


Fue ayer cuando Microsoft decidió lanzar la actualización de forma oficial, aunque ha sido posible probarlo  con  una semana  de anterioridad gracias a la instalación mediante el asistente de actualización. Tuvimos unos días en los que básicamente cualquier persona podía actualizar, solo que no se trataba de la versión fina pero ya a partir de esta semana  todo aquel que admita las actualizaciones de W10   se le actualizarán muchas cosas interesantes  orientadas sobre a la creación  que vamos a tratar de resumir en este post 

Solo un advertencia: esta actualización es profunda  y muy pesada en cuanto al tamaño así que asegúrese que tiene una buena conectividad  , esta alimentado a la red eléctrica  en caso de ser un ordenador portátil  y dispone de tiempo libre  ( mientras se actualice no se puede hacer  nada ) , pues según  el  tipo de equipo y  ancho de banda disponible  de   que disponga puede tardar  en todo el proceso   desde menos de una  hora   a varias horas  según las circunstancias !la espera creo que merece la pena !

Explorar, crear y compartir en 3D

Aunque han  corrido ríos de tinta sobre la hipotética eliminación de clásico paint , lo cierto es que en la versión final no ha sido así , sustituyendo simplemente la versión clásica por otra versión actualizada que posibilita eso si acceder al paint 3d mediante un nuevo botón a la derecha del todo de la barra de herramientas pero nada más..

Si hablamos de la version 3d ,esta permite crear modelos 3D desde cero en Paint 3D. Asimismo se pueden abrir  y ver los modelos 3D desde la web, remézclandollos con herramientas fáciles de usar así como poder presentar el  trabajo en Remix3D.com.

 

Usar la herramienta de adhesivo en Paint 3D

Entre las muchas posibilidades esta aplicación permite hacer un garabato en 3d, hacer un modelado básico en 3, usar adhesivos , usar paint 3d para 2d,mezclar un modelo 3d, ver desde todos los ángulos con vista 3d  y una gran novedad que sin duda  muchos aficionados nos encantará: crear e imprimir objetos 3d gracias a 3D Builder

Con esta  se  puede digitalizar, construir e imprimir modelos 3D en Windows 10. Su uso es muy sencillo :para empezar, abra 3D Builder y elija la biblioteca de modelos proporcionados. O bien, seleccione Cargar objeto para elegir un modelo que haya guardado de Paint 3D u otro software 3D.

3D Builder puede abrir y editar tipos de archivo 3MF, OBJ, STL, BRML y PLY y también puede abrir tipos de archivo DAE 3DS y DXF

Luz nocturna

Ajustes de luz nocturna activados y desactivados

Emite luz azul, el tipo de luz que vemos durante el día. Windows ahora puede mostrar colores más cálidos para descansar la vista y que sea más fácil dormir de noche.

Seleccione el botón Inicio  y luego selecciona Configuración  > Pantalla . Active Luz nocturna o seleccione Configuración de la luz nocturna para establecer su propia programación.

Antivirus

Centro de seguridad de Windows Defender

Windows Defender ahora se denomina Antivirus de Windows Defender y ofrece protección integrada contra virus y amenazas, así como opciones de familia para ayudar a mantenernos protegidos cuando estemos conectados. Si le interesa este tema , visite el Centro de seguridad de Windows Defender para ver cómo ayuda Windows a proteger su PC.

 

Una nueva manera de organizar Inicio y mayor personalización

Creación de carpetas de ventanas en Inicio

Para ahorrar algo de espacio en el menú Inicio, tome una ventana y colóquese sobre otra ventana para agrupar las ventanas de aplicaciones en carpetas.No nos referimos a las carpetas de ficheros, sino a carpetas donde podemos poner varios iconos dentro. De este modo, al pulsar sobre la carpeta, tendremos acceso a un grupo de aplicaciones. Es algo muy parecido a lo que tenemos en Android y iOS.

Es posible acceder  a  más colores y temas que nunca personalizando la apariencia de Windows 10, hasta el matiz. Windows recuerda incluso temas anteriores que ha explorado, por lo que es muy fácil volver a cualquier tema que se adapte a su estado de ánimo.

Esta accesible seleccionando el botón Inicio  y luego seleccionando Configuración  > Personalización  para obtener una vista previa y jugar con todas las nuevas opciones.

Configuración de personalización de los temas

 

 

Asimismo la configuración se ha optimizado para facilitar la búsqueda y la ayuda. Aplicaciones y Juegos ahora tienen sus propias categorías de configuración, y los vínculos a soporte técnico, comentarios y otra ayuda ahora están disponibles con mayor facilidad.Se  puede ver  seleccionando el botón Inicio  y después seleccionando Configuración  para echarle un vistazo.

Microsoft Edge

Reservar pestañas en Microsoft Edge

Navegar por Internet con Microsoft Edge es mejor pues se han agregado nuevas características que  ayudarán a organizar las pestañas, leer libros electrónicos, estar más protegido y usar Cortana y Windows Ink para darle vida a la exploración.

Según  Microsoft  Edge es el explorador más rápido y seguro diseñado para Windows 10.

Microsoft Edge  ademas  proporciona nuevas formas de encontrar contenidos, administrar pestañas, leer libros electrónicos, escribir en la web y obtener ayuda de Cortana, directamente en el navegador.Es muy útil  agrega extensiones para traducir sitios web, bloquear anuncios, administrar contraseñas y mucho más.

 

 

Entrada manuscrita con Office

Windows Ink en PowerPoint

Empuñae   su dedo o lápiz digital para anotar y editar documentos, tachar palabras para que desaparezcan, enmarcar texto para seleccionarlo y resaltar con precisión.

Vea vídeos 360° y más de forma gratuita

La aplicación Películas y TV ahora viene con vídeos 360° incluidos que nos  permiten mirar hacia arriba, hacia abajo y todo alrededor mientras se reproduce el vídeo. También puede ver tráileres de películas, obtener recomendaciones basadas en sus hábitos de visualización y examinar y comprar nuevos contenidos de películas y TV directamente en la aplicación.

 

Anuncios

Ionic 2 con Visual Studio 2017


En los últimos dos años, millones de desarrolladores de casi todas las industrias del mundo han construido más de 1,2 millones de aplicaciones móviles con Ionic.

Cuando se inicio Ionic en 2013, sus creadores sólo querían hacer una mejor manera para que los desarrolladores web utilizasen sus habilidades existentes para crear aplicaciones para las tiendas de aplicaciones.

Hoy en día, Ionic es la tecnología de desarrollo móvil multiplataforma más popular del mundo, impulsando el rápido crecimiento de muchas  startups .

Pero sus creadores no están satisfechos con Ionic buscando  habilitar no sólo a la actual generación de desarrolladores móviles, sino también a los millones que se están dando cuenta de que también pueden construir para estos increíbles dispositivos.

Con Ionic 2, han mejorado considerablemente el rendimiento,  reduciendo la complejidad del código que se necesita escribir haciendo hecho posible la creación de aplicaciones completamente personalizadas que compiten con las mejores aplicaciones del mundo.

Ionic 2 va a cambiar lo que piensa acerca de las aplicaciones móviles y el futuro de la web para siempre.

Por extraño  que pueda parecer es posible usar Ionic 2 con Visual  Studio con el plugin de Córdova.

Los pasos para instalar  Ionic  2  con Visual Studio  son los siguientes:

  • Si aún no lo ha hecho, instale Visual Studio 2017.   Bajo las portadas, las aplicaciones de Ionic son aplicaciones de Apache Cordova, necesitará un entorno de desarrollo de Cordova funcional antes de poder usarlo con Ionic por lo que en primer lugar compruebe que puede crear y ejecutar la aplicación predeterminada Cordova Blank.
  • En Visual Studio, abra el menú Archivo, seleccione Nuevo y, a continuación, Proyecto. En el cuadro de diálogo del nuevo proyecto, expanda la sección de plantillas de JavaScript, seleccione Aplicaciones de Apache Cordova y, a continuación, elija la plantilla de aplicación en blanco (Apache Cordova).
  • Entregue al nuevo proyecto un nombre y una ubicación y luego haga clic en el botón Aceptar.
  • Presione F5 para generar y ejecutar el nuevo proyecto en el emulador de ondulación. El navegador Chrome debe abrir y mostrar el contenido de la aplicación. blankcordova.PNG
  • Instale la plantilla de Ionic en Visual Studio seleccionando el menú Herramientas, luego Extensiones y actualizaciones
  •  En el cuadro de diálogo Extensiones y actualizaciones, seleccione Online.
  • En el cuadro de búsqueda situado en la esquina superior derecha del cuadro de diálogo, escriba Ionic 2.
  • Seleccione la opción Ionic 2 RC Templates en la lista. Haga clic en el botón Descargar para iniciar la instalación.

ionic2.PNG

  • Ahora llega el momento de actualizar para que cargue la plantilla de Ionic 2, para lo que nos iremos a Actualizaciones de Productos

actualizacion.PNG

  • Pulsaremos “Modificar” para proceder a instalar las plantillas de Ionic 2

visx.PNG

  • Una vez finalizado el proceso podemos comprobar  en Nuevo proyecto–>Instalado–>TypeScript  que tenemos acceso   a las plantilla de Ionic 2

iomic2.PNG

Recicle su viejo portatil con Linux


Lubuntu está dirigido a los usuarios de PC y portátiles que se ejecutan en hardware de bajas especificaciones   en los momentos  actuales , es decir un ordenador vamos a decir “anticuado”  de  hace ya algunos años que conserva quizás  otros sistema operativo no  actualizable por lo que no esta  a la altura a efectos de seguridad  o  para ejecutar aplicaciones actuales orientadas a la web. Es triste  pero  esos equipos  funcionales  simplemente no tienen suficientes recursos para todas las ventanas,avisos y notificaciones de las distribuciones corrientes “con todas las funciones”.

Precisamente para dar una segunda oportunidad  a equipos anticuados, los miembros del equipo se encargan de LXDE y otros paquetes que forman parte de Lubuntu.

Ademas es importante que  Lubuntu recibió el reconocimiento oficial como miembro formal de la familia Ubuntu, comenzando con Lubuntu 11.10.

 

 

Lubuntu vs Ubuntu

Ambos Lubuntu y Ubuntu comparten dos grandes cosas importantes:

  • Core System Same
  • Mismas Repositorios

Lubuntu y Ubuntu pertenecen a la misma familia y hablar de ellos como totalmente diferentes sistemas no es correcto, ya que tienen algunas cosas en común. Por lo tanto, utilizan el mismo Foro Zona y comparten muchas páginas Wiki.Las diferencias entre Lubuntu y Ubuntu son:

  • Diferente entorno de escritorio – Lubuntu utiliza LXDE mientras Ubuntu utiliza la Unidad como la DE defecto.
  • Diferentes aplicaciones predeterminadas.Aparte de eso, son la misma. La DE es lo que hace que Lubuntu un sistema operativo ligero, y por supuesto las aplicaciones por defecto también, porque nos aseguramos de usar las aplicaciones más ligeras que no están ávidas de recursos.

 

 

Lubuntu 17.04

Lubuntu Artful Aardvark Alpha 1 (pronto a ser 17.10) ha sido liberada  sustituyendo a la versión 16.04.

También esta versión (además de la habitual LXDE ISO) es una imagen experimental con LXQt en lugar de LXDE.

 

Lubuntu incluye por defecto los siguientes paquetes como aaplicaciones de usuario:

  • Abiword – procesador de textos
  • Audacious – reproductor de música
  • Evince – lector de PDF
  • File-roller – gestor de archivadores
  • Firefox – navegador web
  • Galculator – calculadora
  • GDebi – administrador de paquetes
  • Gnumeric – hoja de cálculo
  • Guvcview – webcam
  • LightDM – gestor de sesiones
  • Light-Locker – bloqueador de pantalla
  • Lubuntu Software Center – gestor de paquete
  • MPlayer – reproductor de vídeo
  • MTPaint – editor de fotografías
  • Pidgin – mensajería instantánea
  • Scrot – capturas de pantalla
  • Simple Scan – escaneo
  • Sylpheed – cliente de correo electrónico
  • Synaptic – gestor de paquetes
  • Transmission – cliente bittorrent
  • Update Manager – gestor de actualizaciones
  • Startup Disk Creator – creador de usbs booteables
  • Wget – gestor de descargas CLI
  • XChat – cliente IRC
  • Xfburn – grabador de CD
  • Xpad – gestor de notas

Ademas, incluye sus propios paquetes  de LXDE

  • GPicView – visor de imágenes
  • Leafpad – editor de texto plano
  • LXAppearance – gestor de temas
  • LXDE Common
  • LXDM –
  • LXLauncher – modo fácil de lanzar aplicaciones
  • LXPanel – Barra de tareas
  • LXRandr – gestor de pantalla
  • LXSession – gestor de sesiones
  • LXSession Edit – editor de LXSession
  • LXShortCut – editor de lanzadores
  • LXTask – gestor de tareas
  • LXTerminal – emulador de terminal
  • Menu-Cache
  • Openbox – window manager
  • PCManFM – gestor de archivos

Lubuntu también puede usar el gestor de paquetes de Ubuntu.

Notas para la instalación

  • El instalador por defecto “Escritorio” requiere 384-800 MB de RAM (dependiendo de las opciones seleccionadas.) Si tiene algún problema, o si se siente cómodo usando una interfaz de teclado, pruebe el instalador alternativo para instalar en equipos con menos memoria RAM o un disco duro más pequeño que 4,3 GB.
  • Compruebe MD5SUM para el ISO descargado – Usted tendrá que comparar su MD5SUM con Ubuntu hashes .
  • Debe Grabar el CD O crear una unidad flash USB de arranque –
  • Comprueb  lso errores del  USB o el  Disco rebotable. Al arrancar el programa de instalación por defecto, verá la opción de “Comprobar disco para los errores”, de lo contrario, comprobar si hay errores de forma manual .

 

Descarga

La ultima version disponible para ordenador PC es la 17.04  aunque mantienen la versión anterior 16.04  para la plataforma Raspberry Pi 2  y 3

Para instalar lubuntu pc , lo primero es descargar la imagen iso para instalarlo en el arranque del equipo teniendo en cuenta eso si la arquitectura de la maquina.

Respecto a  la arquitectura la  versión de 32 bits servirá ara casi todas las PC .Es posible que necesite una ISO de 32 bits, para PCs anteriores a 2007.( elija esta  opción  si no está seguro) .La  versión de 64 bits es para equipos Intel o AMD.

Ademas  existe una versión PowerPC para Apple Macintosh G3 / G4 / G5 e IBM OpenPower (LTS solamente).

 

El link de descarga es el siguiente :   http://lubuntu.me/downloads/

 

 

 

 

Grabación  de imagen Libuntu en DVD

 

Durante mucho tiempo la manera en la que se podía montar imágenes iso en sistemas windows ha sido mediante programas de terceros que lo permitieran( como por ejemplo : Daemon Tools o Virtual CloneDrive,etc )  , pero a partir de Windows 8 en adelante se añadió una nueva  funcionalidad  que permite grabar imagenes ISO directamente con las herramientas que proporcionan el s.o.

Para grabar imágenes ISO en un CD o DVD, podemos hacerlo también de manera nativa  en Windows 10, para lo cual  introducimos en la grabadora CD/DVD un disco virgen.

Muy importante, antes de grabar, hay que fijarse en el tamaño de la ISO, ya que el límite que se puede grabar en un CD es de 700 MB.  Com  en el caso de la version 17.04  ocupa de hecho unos  916MB tendremos que usar un DVD  .

Hacemos clic derecho sobre la imagen ISO y seleccionamos la opción “Grabar imagen de disco”.

Al seleccionar la opción “Grabar imagen de disco”, aparecerá una ventana donde tendremos que seleccionar la unidad en la que vamos a grabar y si queremos o no verificar los datos del  DVD una vez termine la grabación.

Cómo se ver  es muy fácil montar y grabar imágenes ISO en Windows 10 de forma nativa gracias a la inclusión que se ha hecho a partir de Windows 8 de esta funcionalidad, que permite olvidarnos de programas de terceros

NOTA: Es posible que al hacer clic derecho sobre una imagen ISO no le aparezcan las opciones que explicamos más abajo. Eso es debido a que esta usando un programa de terceros por defecto. Si quiere montar o grabar imágenes ISO de manera nativa en Windows 10, debe hacer clic derecho sobre la imagen ISO, seleccionar “Propiedades” y después en la pestaña General hacer clic sobre “Cambiar…” para seleccionar el “Explorador de Windows”.

Creando un USB arrancable de Lubuntu con Etcher

  1. Descargamos Etcher desde este enlace. Podemos instalar la aplicación, pero esto no es necesario en Linux.
  2. Descargamos la versión más reciente de Lubuntu.
  3. A continuación, introducimos un pendrive de como mínimo 2GB en un puerto USB. Hay que tener en cuenta que Etcher eliminará todos los datos del pendrive, por lo que merece la pena copiar sus datos en otra unidad antes de iniciar el proceso.
  4. Ejecutamos Etcher
  5. A continuación, hacemos clic sobre SELECT IMAGE.

Etcher

  1. En el siguiente paso buscamos la imagen que habremos descargado en el paso 2.
  2. Ahora hacemos clic en SELECT DRIVE y elegimos la unidad de nuestro pendrive. Si sólo tenemos uno puesto, la selección será automática, pero no está de más asegurarse.

Etcher

  1. A continuación, hacemos clic en FLASH IMAGE.

Etcher

  1. Por último, esperamos a que finalice el proceso. Veremos una imagen como la siguiente:

Etcher

Nota:   No todos los equipos “antiguos”pueden arrancar un sistema operativo desde una unidad extraible USB  por lo que asegúrese que su equipo soporta el arranque por USB antes de hacer la imagen con Etcher

Conozca la potente herramienta gratuita de edición de estilos con Edge


Gracias  a que Microsoft se asoció con BrowserStack para obtener pruebas en vivo y automatizadas en Microsoft Edge  ,este  navegador  introduce nuevas mejoras en las herramientas de desarrollo de F12, incluyendo algunas de las funciones más solicitadas de UserVoice. Además las nuevas herramientas se construyen en TypeScript y siempre se ejecutan en cualquier instalación de Edge, por lo que no se requiere  instalar nada .OP Otro punto interesante es que  la documentación de las herramientas para desarrolladores de F12 está totalmente disponible en GitHub por lo que los documentos no sólo serán influenciados por sus comentarios, sino que están invitados a contribuir y ayudar a dar forma a la documentación.

Las  hojas de estilo en cascada (o CSS, siglas en inglés de Cascading Stylesheets) son un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado como puede ser html  por lo que es muy usado para establecer el diseño visual de las páginas web, e interfaces de usuario escritas en HTML o XHTML;o incluso a cualquier documento XML, incluyendo XHTML, SVG, XUL, RSS, etc
Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web, y GUIs para muchas aplicaciones móviles (como Firefox OS) por lo qeu es muy interesante disponer de alguna herramienta que nos ayude a gestionar,mejorar o modificar las hojas de estilo.

En este contexto Microsoft Edge dispone de siete herramientas distintas que  permiten ver,editar inspeccionar  y alterar tanto código css,html como javascript   cada una con su propia pestaña en la interfaz de las herramientas F12  de modo que vamos  a ver  una imagen de cada herramienta y un resumen rápido de lo que hace, seguido por las listas de sus principales características y tareas típicas.

La herramienta DOM Explorer (CTRL + 1)

La herramienta DOM Explorer muestra la estructura de una página web tal como está siendo representada en el navegador , haciendo posible editar su HTML y estilos en una página en vivo ( obviamente no se cambiara nada en el servidor sólo en la pagina visualizada para ver como quedaría.

Puede hacerlo por tanto  sin tener que editar y volver a cargar sus fuentes, para que pueda solucionar rápidamente problemas de visualización o experimentar con nuevas ideas o mejoras .

Explorador DOM de bordes

Las funciones de la herramienta DOM Explorer incluyen:

  • Sugerencias de autocompletado de IntelliSense al editar atributos HTML y propiedades CSS.
  • Arrastre los nodos DOM para reorganizarlos y editar nodos como HTML.
  • Apoyo para CSS compilado sourcemaps.

Desarrollo y tareas de depuración que hace más fácil:

  • Determinar por qué un elemento no se muestra en el lugar correcto o tamaño correcto.
  • Determinar qué estilos CSS y consultas de medios se están aplicando a un elemento.
  • Prueba de una serie de colores diferentes para un elemento para ver que se ve mejor.

La herramienta Consola (CTRL + 2)

Herramienta de consola de borde

La herramienta Consola proporciona una forma de interactuar con el código en ejecución:

  • Cambie los valores de las variables o inyecte código en un sitio en vivo con la línea de comandos de la consola.
  • Utilice la API de depuración de consola para enviar información de depuración.
  • Consulte los mensajes de error del navegador y los códigos de estado.

Las características de la herramienta Consola incluyen:

  • Abra la consola en la parte inferior de cualquier otra herramienta con el botón de consola o CTRL + ` .
  • Consola Depuración de métodos API para sincronización, recuento, agrupación y más.
  • Las sugerencias de autocompletado de IntelliSense en la línea de comandos aceleran la entrada, reducen errores tipográficos y le ayudan a descubrir aspectos de las API de JavaScript.

Desarrollo y tareas de depuración que hace más fácil:

  • Segmentación de iFrames específicos.
  • Ejecución de código de tiempo hasta la instrucción con nuevos métodos de temporización.
  • Cambiar el valor de una variable en el código en ejecución sin recargar.

 

La herramienta Depurador (CTRL + 3)

Herramienta de depurador de bordes

Puede utilizar la herramienta Depurador para examinar lo que está haciendo su código, cuando lo está haciendo y cómo lo está haciendo. Detenga el código en la mitad de la ejecución, pase a través de él línea por línea y observe el estado de las variables y los objetos en cada paso.

Las características de la herramienta Depurador incluyen:

  • No se actualiza la depuración. Establezca sus puntos de interrupción y vaya sin recargar y perder estado.
  • Interfaz de documentos con pestañas para facilitar la gestión de múltiples secuencias de comandos.
  • Puntos de interrupción en código estándar, respuestas de XHR y eventos.

Desarrollo y tareas de depuración que hace más fácil:

  • Ver lo que llevó a una llamada de función utilizando la pila de llamadas.
  • Hacer que el código comprimido o minificado sea más legible usando mapas de origen.
  • Supervisión de la creación y ejecución de los servidores web.

 

La herramienta de red (CTRL + 4)

Herramienta de red de bordes

La herramienta de red le ofrece los detalles finos de las solicitudes de red relacionadas con la carga y operación de sus páginas web.

Desarrollo y tareas de depuración que hace más fácil:

  • Visualización de la cantidad de ancho de banda que consume su página en los recursos.
  • Depuración de solicitudes AJAX mediante la visualización de los encabezados y los órganos de solicitud y respuesta.
  • Identificar las solicitudes de red que ralentizan la carga de sus páginas web.

 

La herramienta de rendimiento (CTRL + 5)

Herramienta de rendimiento de borde

La herramienta Rendimiento le ayuda a buscar lo que está sucediendo cuando su página se ralentiza. Usarlo para perfilar puntos específicos de lentitud muestra las operaciones que los están causando. En Microsoft Edge, la herramienta Rendimiento combina las herramientas anteriores de Capacidad de respuesta y Profiler deUI para crear una vista de extremo a extremo de su rendimiento de secuencias de comandos y pintura.

Algunas características interesantes son:

  • Identificar las diferentes fuentes de actividad de la CPU que causan lentitud de la UI.
  • Conozca la velocidad de fotogramas de su página web y la cantidad de repintados y reflujos que cuestan.
  • Establecimiento de etiquetas en la línea de tiempo para aislar escenarios de usuario.
  • Desarrollo y tareas de depuración que hace más fácil:  Optimizaciones de código de prueba y Acelerar sus páginas web.

La herramienta de memoria (CTRL + 6)

Herramienta Edge Memory

Cuando una página web comienza rápido y se ralentiza después de usarlo durante un tiempo, el culpable es generalmente una pérdida de memoria. La herramienta de memoria rastrea el uso de la memoria de su página web, ayudándole a identificar dónde crece el uso de la memoria, por qué está creciendo y cómo solucionarlo.

Algunas características interesantes son:

  • Una línea de tiempo para ver los cambios progresivos en el uso de la memoria.
  • Instantáneas para examinar los detalles del uso de memoria en puntos específicos.
  • Comparaciones de instantáneas para identificar puntos específicos de crecimiento.

Desarrollo y tareas de depuración que hace más fácil:

  • Identificar nodos DOM desprendidos.
  • Identificar los puntos de crecimiento de la memoria.
  • Medir el uso de memoria de objetos.

Herramienta de emulación de bordes

La herramienta de emulación le ayuda a probar cómo se ejecutan las páginas web en diferentes tamaños de pantalla y características de hardware y cómo responden a las diferentes cadenas de agente de usuario.

Algunas características interesantes son:

  • Emulando diferentes tamaños de pantalla y resoluciones.
  • Simulación GPS.

Desarrollo y tareas de depuración que hace más fácil:

  • Prueba de diseños sensibles en múltiples tipos de pantallas.
  • Prueba de las funciones de detección de ubicación para un sitio móvil.

 

 

 

Fuente https://docs.microsoft.com/

Desarrollo de aplicaciones nativas multiplataforma en Windows


Microsoft  ha demostrado  un  compromiso con el código abierto  ayudando a navegar por herramientas de código abierto, marcos y plataformas, por ejemplo   desarrollando Apache Cordova ,creando y realizando el mantenimiento de complementos de diferentes plataformas,colaborando con Google para ofrecer la herramienta Angular JS 2.0,etc.

Como ejemplo vamos a ver en este post como es posible desarrollar para diferentes entornos moviles usando una de las herramientas mas famosas de desarrollo de Microsoft ,la cual  por cierto esta  disponible para ambientes de educación o formación de forma gratuita

Tipos de aplicaciones móviles

A la hora de crear aplicaciones móviles para plataformas como Android o iOS contamos con varias alternativas:

  • Aplicaciones nativas :muy buen rendimiento y se pueden distribuir desde las tiendas de aplicaciones. Hay que desarrollar las apps para cada entorno  usando herramientas especificas como por ejemplo:

En Android:  Android Studio o Eclipse

En IoS: Swift, Objetive-c  o Xcode

                       En Windows Phone: Visual  Studio

  • Aplicaciones web móviles: un único desarrollo con tecnologías web (js, hrml5 y css).No se distribuyen desde las apps  stores y no permiten acceder a todas las capacidades del hw del móvil. También se está desarrollando las llamadas apps  progresivas
  • Aplicaciones móviles hibridas:se mezclan ambas tecnologías sobre una carcasa  nativa que incrusta una web view. A diferencia de las aplicaciones web móviles pueden distribuirse en las diferentes apps stores incluso permitiendo magnetización de estas. Si bien el rendimiento no es tan bueno como las nativas permiten acceder a diferentes terminales  mediante un   desarrollo web  incluso pudiendo acceder a elementos  hardware . Entre las herramientas mas famosas destacan Phonegapp o Ionic, basadas ambas  en Apache-Cordoba

Creación de  aplicaciones para móviles mediante HTML, CSS y JS

Las aplicaciones móviles híbridas son una combinación de tecnologías web como HTML, CSS y JavaScript, que no son ni aplicaciones móviles verdaderamente nativas, porque consisten en un WebView ejecutado dentro de un contenedor nativo, ni tampoco están basadas en Web, porque se empaquetan como aplicaciones para distribución y tienen acceso a las APIs nativas del dispositivo.

Si sabe cómo crear aplicaciones web, rápidamente se sentirá cómodo creando aplicaciones móviles para iOS, Android y Windows mediante Apache Cordova.

La mayoría de desarrolladores obtiene cerca de un 100 % de reutilización del código aprovechando la API de JavaScript compartida de Cordova para acceder a las funcionalidades de dispositivo nativo, como la cámara, el calendario y los contactos.

Además, debido a que las aplicaciones híbridas utilizan vistas web nativas, puede llevarse su marco JavaScript favorito consigo (marcos como Angular, React e Ionic).

Y hablando de Ionic, es un SDK de código abierto que provee herramientas y servicios para desarrollar aplicaciones móviles híbridas. Está construido por encima de AngularJS y Apache Cordova y se centra principalmente en el look and feel y la interacción con la interfaz de usuario de la aplicación, con la finalidad de simplificar el front-end.

Ionic    es  pues  :

  • Un framework CSS con multitud de elementos de front-end reutilizables y personalizables, que permiten desarrollar una interfaz de usuario relativamente rápido, como por ejemplo encabezados, pies de página, botones de diferentes tamaños y estilos, listas, avatares, tarjetas, formularios, entradas, casillas de verificación, pestañas y,etc .
  • Una biblioteca JavaScript de interfaz de usuario con componentes JS que dan vida a los elementos del front-end y se utilizan como elementos HTML en la aplicación. Uno de los componentes JS de Ionic más utilizados es el componente pestañas,  el cual permite que un determinado contenido se muestre u oculte en función de la pestaña seleccionada por el usuario.

 

 

Visual Studio con Córdova

Debido al aumento de la complejidad de las aplicaciones, necesita más que un editor de texto por lo que el IDE Visual Studio 2017 es una buena  opción  pues integra un editor de código optimizado para la refactorización, el completado automático y la comprensión del código

 

Resumidamente   Visual Studio 2017 ofrece las siguientes  funcionalidades  :

  • Resaltado de sintaxis para ayudarle a identificar los errores visualmente
  • IntelliSense para ayudarle a comprender y codificar mejor las nuevas API
  • Inspección de código para revisar la referencia en línea
  • Si  su aplicación funciona y tiene el aspecto exacto diseñado por usted Tanto si trabaja para iOS, Android o Windows, Visual Studio ofrece compatibilidad de vista previa para una amplia variedad de emuladores y dispositivos anclados a red.Incluso puede implementar y depurar emuladores hospedados en una máquina remota o virtual (por ejemplo, paralelos).
  • Depuración y análisis .Independientemente de dónde se ejecute su código, Visual Studio puede depurarlo (tanto si su código se está ejecutando en un dispositivo iOS, Android o Windows, un emulador o simulador o en un destino de depuración basado en explorador como Ripple). No es necesario cambiar de herramientas cuando crea para otra plataforma. Visual Studio se conecta con casi cualquier destino de implementación.El depurador de Visual Studio le permite revisar el código con puntos de interrupción y notificaciones de excepción automática que exponen el estado del tiempo de ejecución de objetos y variables.Las funcionalidades avanzadas, como editar y continuar, los puntos de interrupción condicionales, los puntos de seguimiento y los números de llamadas ofrecen el tipo de análisis detallado que necesita para que el código resulte divertido y no un juego despiadado de “localización del error”.
  • Acceso a capacidades de dispositivo nativo.Con tecnología de Apache Cordova, sus aplicaciones escritas en HTML, CSS y JavaScript pueden acceder fácilmente a las API de dispositivo nativo que todavía no se encuentran disponibles para los exploradores (por ejemplo, la cámara, el calendario, los contactos, el escáner de códigos de barras, etc.).Lo mejor de todo es que puede acceder a capacidades de dispositivo nativo a través de una API de JavaScript común para obtener la máxima reutilización de código en su aplicación.
  • Conexion  a datos ( a la plataforma de Azure ):con tan solo unas cuantas líneas de código, puede Usar notificaciones de inserción para conectarse con usuarios específicos o audiencias completas,Habilitar la mensajería en tiempo real para provocar conversaciones y el uso compartido entre sus usuarios,Admitir capacidades sin conexión para aquellas ocasiones en las que no haya disponible una conexión de red,Administrar datos de Exchange mediante las API de servicio de Office 365 para compartir y editar calendarios, contactos, archivos, etc.

 

 

 

 

Instalación Visual Studio  para apps moviles

Todo lo que usted necesita para poder comenzar  con Visual Studio es descargar alguna de las siguientes versiones:

El  instalador realiza todo el trabajo pesado necesario para poner en marcha el equipo con los SDK, bibliotecas, herramientas, etc. necesarios para crear aplicaciones multiplataforma.

Para Instalar las herramientas de Cordova con una instalación inicial de Visual Studio siga lso siguientes pasos:

  1. Para instalar Visual Studio Tools para Apache Cordova junto con una instalación limpia de Visual Studio, descargue e inicie el instalador de Visual Studio ( en de algunos de los tres links de arriba o directamente si necesita el  la versión  sin coste en el link  siguiente: Visual Studio Community  :)
  2. El instalador mostrará la lista de componentes instalables mostrada en la siguiente figura.Al instalar  Visual Studio, deberua  asegúrarse  de incluir los componentes opcionales, HTML / JavaScript (Apache Cordova) bajo Desarrollo móvil multiplataforma como vamos a ver.Inicio de instalación de Visual Studio Tools para Apache Cordova
  3. Desplácese por la lista de cargas de trabajo disponibles y localice un grupo denominado Mobile & Gaming .
  4. Marque la casilla de verificación junto a Desarrollo móvil con JavaScript como se muestra en la siguiente figura. Esto permitirá la instalación de los componentes necesarios para las herramientas de Córdoba.  Selección de la instalación de Cordova Tools
  5. Dependiendo de sus necesidades específicas de desarrollo, es posible que deba instalar componentes opcionales adicionales. Por ejemplo, para apoyar el desarrollo de aplicaciones para Android, necesitará agregar soporte para el SDK de Android . Para probar las aplicaciones de Android en los emuladores, debe agregar soporte para Google Android Emulator , como se muestra en la siguiente figura.Si su entorno de desarrollo de Cordova ya incluye estas herramientas, puede omitir la instalación de nuevo aquí y modificar la configuración de Visual Studio Tools para Apache Cordova para apuntar a la instalación existente más adelante.Personalización de la instalación de herramientas de Cordova
  6. Compruebe rápidamente que puede cargar y crear la plantilla de aplicación en blanco predeterminada. En Visual Studio, elija Archivo , Nuevo , Proyecto , JavaScript ,Aplicaciones de Apache Cordova , Aplicación en blanco y nombre el nuevo proyecto “en blanco” y construya con F5. Si tiene algún problema, consulte estos pasos de solución de problemas .
  7. Ionic es un popular framework front-end JavaScript para desarrollar aplicaciones móviles multiplataforma usando Cordova. Puede utilizar Visual Studio 2015 para crear y depurar fácilmente aplicaciones multiplataforma Ionic.http://www.youtube.com/watch?v=4fNmTkYGVeUPuede instalar las plantillas de inicio de Ionic en Visual Studio y utilizarlas para comenzar a crear una aplicación.
    1. Agregue directamente a Visual Studio descargando y haciendo doble clic en VS Extension for IonicO bien, hágalo en Visual Studio, seleccionando Archivo , Nuevo y luego Proyecto .
    2.  En el cuadro de diálogo Nuevo proyecto, seleccione en línea .
    3.  En el cuadro de búsqueda, escriba Ionic .                                                Cómo obtener las plantillas
    4.   Escriba cualquier nombre y elija Aceptar para instalarlos. Cuando se le solicite permiso para instalar las plantillas, dé su permiso.
    5. Cierre y vuelva a abrir Visual Studio.
    6. De nuevo, elija Archivo , Nuevo y , a continuación, Proyecto.
    7. Ahora, elija  Instalar y , a continuación, Plantillas , las plantillas de inicio nuevas aparecerán en JavaScript , Apache Cordova AppsElegir una plantilla
    8. Elija una de las siguientes plantillas de inicio para su nuevo proyecto:
      • Aplicación en blanco iónico
      • Plantilla Iónica de SideMenu
      • Plantilla de Tabulaciones Iónicas
    9. Elija Aceptar .Visual Studio crea el proyecto Ionic.
    10. Agregue IntelliSense para Ionic a su proyecto.

    Haga que su aplicación funcione en Android

    1. Añada la plataforma Android de Android como destino de depuración (lista de plataformas de soluciones) y , a continuación, seleccione Generar y , a continuación, Crear solución .
    2. Elija Android como destino de depuración (lista de plataformas de solución) y para que la aplicación funcione seleccione un destino como el VS Emulator 5 “KitKat (4.4) (se requiere Hyper-V) o Google Android Emulator (lento para cargar inicialmente).  Ejecutar la aplicación
    3. Puede configurar un emulador de Google Android en AVD Manager .También puede ejecutar en el simulador de Ripple en su lugar, pero tendrá que utilizar la solución descrita más adelante en este artículo .
    4. Presione F5 y la aplicación debería cargarse correctamente.                     Aplicación que se ejecuta en el emulador

    Haga que su aplicación funcione en iOS

    Puede ejecutar inicialmente en el Emulador de Ripple después de seleccionar iOS como destino de depuración, pero para obtener información detallada sobre cómo configurar el agente de remoción remota para iOS, consulte este tema .

    Las plantillas de inicio de Ionic deben ejecutarse correctamente en iOS cuando el agente de remotebuild se ejecuta en un Mac (o un servicio como MacInCloud) y cuando Visual Studio está configurado para conectarse a él.

 

Obtener ingresos extras gracias a Amazon Mechanical Turk


En este blog hemos hablado del programa de afiliados de amazon, de la plataforma  Kdp o de la  famosa  herramienta createspace    , todas ellas dedicadas a monetizar  nuestras  diferentes creaciones bien sean contenidos en web o  bien  nuestras publicaciones llevadas a libros físicos o en formato e-book

Al conjunto de herramientas  que Amazon pone  a nuestra disposición para ayudarnos  a monetizar nuestro trabajo (  obviamente  a cambio  de un porcentaje del 10%  por uso de la plataforma ),    vamos a añadir  una cuarta herramienta  basada en el crowdfunding  ,la plataforma Mechanical Turk   ,  la cual permite a personas recibir una remuneración pequeña  por acciones puntuales.

 

Sin duda nos debe sorprender el extraño  nombre de  Mechanical Turk , que debe este al personaje Wolfgang von Kempelen que dejaba  atónitos a los europeos al crear un “falso” autómata mecánico llamado Turk pues aparentemente jugaba al ajedrez  usando “inteligencia artificial”   venciendo  prácticamente a cualquier oponente (se dice que llegó a ganar a Benjamin Franklin y Napoleón Bonaparte ) .

Hablamos de  falso autómata pues  tras el  maniquí de madera de tamaño real que se sentaba detrás de un pequeño armario donde  albergaba un  entramado de mecanismos: ruedas dentadas y muelles que “hacían” funcionar su invento  y sobre todo  se escondía un experto en ajedrez bien oculto en su interior: de ahí que Mechanical Turk tenga un nombre muy apropiado, pues aunque aparentemente se obtienen resultados de máquinas, en realidad se obtienen de cientos de miles de humanos que hacen el trabajo en paralelo y a veces en minutos.

 

 

Vemos como Mechanical Turk es  pus  una plataforma de ‘crowdsourcing’ a la que empresas, universidades y centros de investigación recurren en busca de mano de obra (barata) donde los demandantes publican tareas sencillas para que los usuarios registrados ( del orden de unos 500.0000)   como trabajadores las realicen, siempre a través de un ordenador y facilitándoles las herramientas necesarias.

 

La plataforma ofrece compensación a los usuarios que completen dichas  microtareas  o en ingles  HIT(Human Inteligence Tasks ) , es decir tareas de inteligencia humanas   propuestas por empresas que no disponen de personal para realizarlas  y que gracias a  esta plataforma son  posibles  pues   virtualmente dispone de  microtrabajadores que podrán realizar estas tareas a cambio claro de “micropagos”

 

 

En cada   HIT se especifica al menos lo siguientes conceptos:

  • Definición de la tarea
  • Salida deseada  (sobre todo su formato)
  • Forma en que se muestran los elementos de trabajo
  • Cuantía de la remuneración
  • Todo aquello relevante

 

Si nos preguntamos sobre esa microtareas nos referimos a labores que una maquina a día de hoy no puede hacer como por ejemplo :

  • Traducciones
  • Transcripciones de locuciones a texto
  • Opiniones sobre productos
  • Encuestas
  • Procesamiento de fotografías o videos ( etiquetar objetos seleccionar la mejor , auditar imagenes en función del contenido,clasificar objetos,etc)
  • Verificación o limpiezas de datos
  • Recopilación de información
  • Procesamiento de datos
  • etc

 

Respecto a la compensación , de estas microtareas va en función de la complejidad,    pero desgraciadamente no son muy altas (de hecho hay un documental que trata de la precariedad de estos trabajadores ),    pues pueden oscilar entre  2 y 20 céntimos de dolar por tarea concluida.

Si el trabajo es de calidad se  puede acceder a ofertas con una compensación más alta; si no, quien realiza el encargo tiene derecho a negarles el dinero. Amazon, por su parte, se lleva a modo de comisión un 10% del total que abonará el empleador.

Aparte de estas tareas “ofimáticas ” hay  ejemplos muy  interesantes  que  han usado  o usan esta plataforma como son experimentos en ciencias sociales , investigación artística  y educativa o incluso en la búsqueda de personas desaparecidas

 

A nivel de sw incluso Amazon ofrece una Interfaz de Programación de Aplicaciones (API) de servicios web para que des arrolladores la  utilizan  para  enviar tareas al sitio web de Amazon Mechanical Turk, aprobar las tareas completadas e incorporar las respuestas a sus aplicaciones  .

Para este tipo de aplicaciones la transacción tiene una apariencia similar a la de cualquier llamada a procedimiento remoto: la aplicación envía la solicitud y el servicio proporciona los resultados.

Una app para ayudar a los ciclistas ,peatones y conductores


La seguridad de los ciclistas, viandantes  y conductores  se está convirtiendo en una prioridad para la circulación vial  en todos los países  sobre todo a raíz del aumento inquietante de desafortunados accidentes tanto en España como en el resto de países por lo que urge replantearnos qué medidas podemos tomar para minimizar estos riesgos , por ejemplo  usando una app  de la DGT  basada  en la colaboración de los usuarios así como la información de que dispone la propia DGT.

 

Presentamos una app veterana en España que tiene una doble finalidad:  en primer lugar   proteger a ciclistas, peatones y conductores en carretera y ciudad y  en segundo lugar mejorar la movilidad .

Hace ya dos  años (en 2015) , la DGT (Dirección General de Tráfico)  lanzó la aplicación gratuita  Comobity   que  permite a los conductores, ciclistas y peatones que van circulando por la vía publica en España  ,  la posibilidad de informar de su presencia para que el resto de usuarios que lleven la app  realice una conducción adecuada   basándose por tanto en la colaboración de todos los usuarios

Obviamente como  no todo el mundo lleva la app , también  la app usando los servicios de la DGT avisa de accidentes, obras o de cualquier incidente meteorológico  buscando mejorar la información que poseen los usuarios del estado de las carreteras y de las calles.

 

Resumidamente estos son los puntos fuertes des esta aplicación:

  • Hace visible  a los ciclistas y peatones
  • Se puedes indicar  que se  ha tenido una incidencia
  • Avisa sobre eventos que se pueden  encontrar en su trayecto
  • No se requiere  ninguna validación en la app  ni permisos especiales  protegiendo asi el anonimato de los usuarios
  • Se ha creado  para ayudar no para distraer  por lo que puede funcionar en segundo plano y con alertas por voz

 

Modo de uso

 

Aparte de la sencillez en lo que a su interface se refiere, la aplicación además es muy intuitiva, lo que facilita mucho su uso. Además, el anonimato está garantizado, por lo que, al utilizarla, ningún usuario verá violada su intimidad ya  que no se pide ningún tipo de credencial.

Como todos sabemos, para la DGT lo más importante es nuestra seguridad, circulemos por dónde circulemos. Por ello, la aplicación no necesita de ningún tipo de intervención del usuario, y simplemente al comienzo de la ruta, el usuario seleccionará si es un peatón, un ciclista o un conductor:

 

pedalea.PNG

Una vez seleccionado  el modo de funcionamiento , nos pedirá la activación del GPS ( si no lo tenemos activado   )  y simplemente al activarlo , las alertas en caso de que se produzcan nos irán apareciendo para que podamos mejorar nuestra forma de actuar

 

Esta  app  es compatible con otras aplicaciones de modo que puede ( o debe)  usarse  en segundo plano, ya que cuenta con notificaciones de voz que ayudan a estar más alerta cuando es necesario.

verde.PNG

 

 

Todos los peligros que se pueden encontrar en un trayecto en vías urbanas e interurbanas, están integrados avisando de la presencia de ciclistas, peatones y conductores que han tenido que detener su vehículo porque han tenido un problema  de modo que si le pasa algo, puede indicar que ha tenido una incidencia pulsando el botón rojo.

rojo.nPNG.PNG

Además, avisa sobre eventos proporcionados directamente por la DGT, como retenciones, alertas meteorológicas, obras u otras incidencias que encontrarás en la carretera durante un trayecto

rojo.PNG

 

Gracias a la participación de personas concienciadas con la seguridad vial, Comobity por tanto es capaz de:

  •  Proteger a las personas que indican que han tenido una incidencia haciéndolos visibles para el resto de usuarios.
  •  Detectar grupos de ciclistas y peatones en carretera, para alertar de su existencia a los que se van a encontrar con ellos.
  •  Alertar de problemas meteorológicos, retenciones, obras y otra información de interés para tu seguridad.

 

En  este vídeo podemos ver resumidamente el  funcionamiento de esta app:

 

 

 

 

 

 

 

 

Por cierto la app,  se puede descargar en Google Play   https://play.google.com/store/apps/details?id=com.inspide.comobity