Escribe en tu Smartphone con este teclado láser

Escribe en tu Smartphone con este teclado láser

iKeybo es la novedad en el mundo de la telefonía móvil. Unos de los mayores problemas que han tenido siempre las pantallas táctiles, es la incomodidad a la hora de escribir un documento. De esta forma Serafim Tech quiere revolucionar el mercado de los teclado.

Un teclado virtual, creado mediante un láser, y proyectado sobre la mesa, permitirá al usuario realizar una escritura similar a la de un teclado convencional.

iKeybo, la novedad está en el láser

Ver video

Seguramente te preguntarás como funcionada el dispositivo. Este aparato, del tamaño de una batería externa, lleva un reconocimiento de pulsaciones de las teclas, de manera que detectará mediante un calculo de distancias la tecla que queremos tocar.

Como veis en el vídeo que os dejamos a continuación, el terminal se colocaría en posición horizontal sobre el laser. De esta forma el teclado se proyectaría en la superficie y todo estaría listo para teclear.

Deciros que cuenta con compatibilidad iOS y Android y las conexiones se realizan mediante bluetooth. Además incorpora una batería de 2000 mAh, que sería suficiente para poder estar escribiendo durante unas 10 horas.

En cuanto al precio, lo podremos encontrar por unos 89 dólares en la página de KickStarter y con unas fechas de entrega estimada para los primeros días de mayo de 2017.

Además comentaros que la empresa está llevando a cabo un proceso de patrocinación para llegar hasta los 50.000 dólares. Actualmente llevan unos 39.000 aproximadamente y puede participar cualquier persona.

¿Qué os parece este nuevo teclado?

Leer Más

¿COMO SABER LA PUERTA DE ENLACE DE MI ROUTER?

Alguna vez te has preguntado que es la Puerta de enlace predeterminada? quizá se te vengan a la mente varias cosas intentando relacionar la palabra Puerta que es algo que se abre y cierra con  Enlace que es algo que conecta. Pues mas o menos esa es la función de una puerta de enlace cuando hablamos sobre ella en la tecnología y seguro en algún momento de tu vida has leído en tu computadora la frase “puerta de enlace predeterminada” y nunca te has preguntado ¿A donde llevará esa puerta?

¿PARA QUÉ SIRVE UNA PUERTA DE ENLACE?

Cuando se trata de internet requerimos de una puerta de enlace la cual es una dirección IP (conjunto de números separados por puntos) que servirán para comunicar señales desde la computadora hacia el modem o ruteador (ya sea alámbrico o inalámbrico) y sobre esta es de la que hablaremos en este artículo.

La puerta de enlace sirve para entrar a la configuración del aparado ruteador y dentro del mismo podremos encontrar desde decenas hasta centenas de configuraciones para realizar. Estas varían según la marca y el modelo de los modems ya que existen una gran diversidad de los mismos y cada uno tiene sus ventajas, desventajas y cualidades según para el rubro del mercado en que serán utilizados.

Usualmente cuando contratas un servicio de internet para tu casa o negocio te entregarán un Modem o Router el cual recibe la señal de internet para ser retrasmitida de tu aparato hacia tus los sistemas que se le conecten (computadoras de escritorio, laptops, tabletas, celualres, smart Tv, etc). Estos routers usualmente conocidos como Modems cuentan con una puerta de enlace la cual al acceder te llevará a una página web donde te pregunta Usuario y Contraseña para acceder a configurar el aparato. Usualmente podrás colocar Usuario ADMIN y dejar la contraseña en blanco para entrar ya que posteriormente en el menú de configuración podrás establecer una contraseña. O Bien, puede que el usuario sea ADMIN y la contraseña 1234.

¿QUÉ SE PUEDE CONFIGURAR EN UN MODEM MEDIANTE LA PUERTA DE ENLACE?

Al acceder al modem routeador mediante la puerta de enlace podrás realizar acciones como:

• Conectarte a internet.
• Establecer reglas de filtrado web.
• Configurar la señal WIFI como establecer contraseñas y canales de emisión.
• Establecer seguridad WPS u otras que permita el wifi de tu equipo.
• Controlar qué dispositivos se conectan a tu red mediante filtrado de direccion MAC.
• Port forwarding, triggering, Dmz y Qos.
• Configurar el firewall del modem como abrir o cerrar puertos.
• Establecer o modificar usuarios con privilegios para configurar el modem.
• otras acciones propias de cada compañía fabricante del router.

Ok, hasta aquí  todo bien y pasé por alto la respuesta a la pregunta que quizá te estés haciendo ahora mismo.

SABER PUERTA DE ENLACE PREDETERMINADA EN WINDOWS

Cuando conectas tu computadora o dispositivo a una red automáticamente tendrás acceso a conocer la puerta de enlace del aparado que divide la conexión entre todos los equipos de dicha red. En windows sin importar en que versión  te encuentres lo que tienes que hacer ir a la opción EJECUTAR + Escribir CMD para abrir una ventana de línea de comando, en ella escribirás  IPCONFIG y presionas la tecla ENTER. En el caso dewindows 8 o superior ya no existe el menú ejecutar pero bastará con ir a la opción buscar y escribir CMD y abres el que dice “símbolo de sistema”

CÓMO SABER LA PUERTA DE ENLACE PREDETERMINADA EN MAC OS Y LINUX

Para saber la puerta de enlace predeterminada en una computadora Apple con MAC OS das clic en APPLe + Preferencias del sistema + Network (red). en la ventana que se abre podrás ver tres apartados como IP ADRESS, Subnet Mask, y ROUTER, en este caso router es la puerta de enlace para configurar tu ruteador.

Para saber la puerta de enlace predeterminada desde cualquier distribución de linux bastará con ejecutar el comando IFCONFIG en la consola de comandos. O bien puedes ir a sistema + administración + trabajo en red y seleccionar la tarjeta de red conectada dando clic en propiedades para conocer la ip.

DIFERENTES PUERTAS DE ENLACE

Si pruebas en tu casa, en el trabajo, en la escuela y en la cafetería muy probablemente te encontrarás con que cada sitio tiene una puerta de enlace predeterminada diferente de los demás. Esto puede deberse a muchos factores pero principalmente es por las marcas de los fabricantes de cada aparato routeador. Así como cada marca tiene un nombre diferente cada router intenta diferenciarse mediante una  ip que sea el identificador de la marca o inclusive de las compañías proveedoras de internet.

Otro factor que puede cambiar la puerta de enlace es cuando hay un modem y posterior un router o un router y otro router conectado al primero. De este modo ambos no pueden tener la misma puerta de enlace y el segundo tendrá que llevar una diferente al primero para no interferirse al momento de configurarlos.

Es decir, existen puertas de enlaces predeterminadas por los fabricantes pero estas pueden ser cambiadas por el software que instale un tercero como el proveedor de internet o por configuraciones de la red donde esté colocado el routeador.

DIRECCIONES IP DE PUERTAS DE ENLACE PREDETERMINADAS

• Si tienes un router Linksys, Gabriel de tecnología.net nos explica que es la dirección IP 192.168.1.1 También si eres de España la mayoría de las empresas utilizan modems con esa ip como puerta de enlace.
• Si tu router es AIRLINK la puerta de enlace es la dirección ip 192.268.2.1, el usuario es ADMIN y la contraseña es admin.
• Si eres de México es muy probable que tengas internet de Telmex acá infinitum, los routers son huawei, thompson, echolife entre otros pero en todos los casos la puerta de enlace predeterminada es 192.168.1.254 y el usuario del modem es TELMEX en mayúsculas, la contraseña es la clave WEP de conexión WIFI.
• Si eres de México y tienes internet de Axtel, lo mas probable es que tu modem tenga la ip192.168.0.1 . En los modems de Axtel el usuario es ADMIN y la contraseña es en blanco solo le das aceptar.

 Si eres de otra parte del mundo que no es México o España y en tu país tu compañía de internet utiliza una diferente puerta de enlace, déjala en los comentarios para agregarla al listado y así ayudar a mas personas a conocerlas direcciones, usuarios y contraseñas de los routers mas comunes.

Leer Más

Microsoft integra un CRM en Outlook para agilizar la gestión de clientes en la pyme

Microsoft integra un CRM en Outlook para agilizar la gestión de clientes en la pyme

Hoy Microsoft ha dado un paso más para tratar de atraer a las empresas más pequeñas hacia sus productos en la nube. En concreto hacia Office 365, integrando un CRM en Oulook para agilizar la gestión de clientes en la pyme que será gratuito para aquellos que sean suscriptores del plan Empresa Premium.

De esta forma en el correo de los usuariosaparece un icono más, Gestión de clientes, desde donde todos los usuarios podrán ver todas las interacciones que hemos tenido con él. Esto facilita mucho la atención por otros empleados de clientes que normalmente lleva uno de ellos, sin tener que repetir o volver a contarnos lo que necesitan.

Además la herramienta ayuda a automatizar datos recogiendo información del propio correo electrónico, del calendario e incluso del registro de llamadas. Dicha información estará disponible para todos los usuarios de la empresa, de manera que siempre será accesible por cualquiera. Es una forma de evitar que el correo se convierta en cuello de botella para la productividad en la empresa.

Además también estará disponible en las aplicaciones de Office móviles, empezando por los usuarios de iOS, mientras que los de Android tendrán que esperar un poco más para tener esta funcionalidad disponible en su app. Lógicamente las empresas deben valorar si el coste que tienen que pagar por usuario, 10,50 en este caso, merece o no la pena respecto a la aplicación instalada en local.

Se trata de un software de gestión de clientes sencillo, muy fácil de utilizar para aquellas empresas que no necesitan aplicaciones como Dynamics CRM. La gran ventaja es lo rápido que se puede desplegar en la organización, así como la curva de aprendizaje que será muy corta. Es una buena opción para la pyme y un motivo más para llevarse a la nube la gestión del correo y el resto de aplicaciones ofimáticas y de comunicación de la empresa.

Leer Más

Explota un smartphone Samsung y no es Note 7

Una mujer en Francia, usuaria de un smartphone Galaxy J5 de Samsung —diferente al Galaxy Note 7 que ha sido retirado del mercado— indicó que su dispositivo se incendió y explotó.

Lamya Bouyirdane declaró que se percató que el teléfono estaba muy caliente cuando le pidió a su hijo de 4 años que se lo pasara durante una reunión familiar en su casa el domingo. Señaló que arrojó el teléfono cuando vio que se “había hinchado” y le salía humo.

Dejen sus comentarios..

Leer Más

Publicidad falsa circula en WhatsApp

Publicidad falsa circula en WhatsApp 

En WhatsApp se realiza un fraude que consiste en ofrecer boletos de avión  de la aerolínea de Emiratos Árabes, TAM, a cambio de que el usuario llene una encuesta.

“Al parecer la campaña ha sido bastante exitosa porque ha circulado en varios idiomas y por algunas semanas. Esto indica que el alcance fue tanto internacional como también masivo”, dijo Dmitry Bestuzhev, director del equipo de investigación y análisis para América Latina de Kaspersky Lab al diario El Financiero.

Después de llenar la encuesta, se muestra una página de Facebook falsa con algunos comentarios que hablan sobre la promoción de la aerolínea. Después se le pide a la persona que comparta la promoción entre sus contactos.

Al compartir la supuesta promoción, los datos de sus contactos sirven para mandar malware, spam o phishing.

“Cuando se difunde una noticia falsa, esto levanta una ola que a su vez hace que la gente busque más información en Internet tanto en el sitio oficial de la compañía en cuestión como en otros sitios. Ahora bien, esos otros sitios pueden ser maliciosos o potencialmente maliciosos, pueden incluir publicidad no deseada o hasta programas de código malicioso”, detalló Bestuzhev.

Con información de El Financiero.

Leer Más

Reconocimiento Facial con PHP

Reconocimiento Facial con PHP

La clase se llama Face_Detector y su autor es un frances (creo?) Maurice Svay su web es http://svay.com/blog/face-detection-in-pure-php-without-opencv/(siempre respetando los derechos de autor). Su implementación es bastante sencilla y lo mejor es que no utiliza librerias ajenas como OPENCV u otros para el reconocimiento facial, según entiendo el autor saco este código de un código en javascript (el enlace ya no esta disponible) y lo migro a puro PHP, ademas esta clase hace uso de un archivo detection.DAT donde estan los patrones de reconociemto facial.

La clase Face_Dectector

<?php

class Face_Detector {

   protected $detection_data;  protected $canvas;  protected $face;  private $reduced_canvas;  #El constructor de clase carga el archivo .dat y lo asigna a una variable  public function __construct($detection_file = 'detection.dat') {    if (is_file($detection_file)) {      $this->detection_data = unserialize(file_get_contents($detection_file));    } else {      throw new Exception("No se pudo cargar el archivo");    }  }  #Dado un archivo imagen   public function face_detect($file) {    if (!is_file($file)) {      throw new Exception("No se puede carga el archivo $file");    }  #crea una nueva imagen temporal    $this->canvas = imagecreatefromjpeg($file);    $im_width = imagesx($this->canvas);    $im_height = imagesy($this->canvas);     //Resample before detection?    $ratio = 0;    $diff_width = 320 - $im_width;    $diff_height = 240 - $im_height;    if ($diff_width > $diff_height) {      $ratio = $im_width / 320;    } else {      $ratio = $im_height / 240;    }     if ($ratio != 0) {      $this->reduced_canvas = imagecreatetruecolor($im_width / $ratio, $im_height / $ratio);      imagecopyresampled($this->reduced_canvas, $this->canvas, 0, 0, 0, 0, $im_width / $ratio, $im_height / $ratio, $im_width, $im_height);       $stats = $this->get_img_stats($this->reduced_canvas);      $this->face = $this->do_detect_greedy_big_to_small($stats['ii'], $stats['ii2'], $stats['width'], $stats['height']);      $this->face['x'] *= $ratio;      $this->face['y'] *= $ratio;      $this->face['w'] *= $ratio;    } else {      $stats = $this->get_img_stats($this->canvas);      $this->face = $this->do_detect_greedy_big_to_small($stats['ii'], $stats['ii2'], $stats['width'], $stats['height']);    }    return ($this->face['w'] > 0);  }    public function toJpeg() {    $color = imagecolorallocate($this->canvas, 255, 0, 0); //red    imagerectangle($this->canvas, $this->face['x'], $this->face['y'], $this->face['x']+$this->face['w'], $this->face['y']+ $this->face['w'], $color);    header('Content-type: image/jpeg');    imagejpeg($this->canvas);  } #esto solo para JSON  public function toJson() {    return "{'x':" . $this->face['x'] . ", 'y':" . $this->face['y'] . ", 'w':" . $this->face['w'] . "}";  }   public function getFace() {    return $this->face;  }   protected function get_img_stats($canvas){    $image_width = imagesx($canvas);    $image_height = imagesy($canvas);       $iis = $this->compute_ii($canvas, $image_width, $image_height);    return array(      'width' => $image_width,      'height' => $image_height,      'ii' => $iis['ii'],      'ii2' => $iis['ii2']    );       }   protected function compute_ii($canvas, $image_width, $image_height ){    $ii_w = $image_width+1;    $ii_h = $image_height+1;    $ii = array();    $ii2 = array();        for($i=0; $i<$ii_w; $i++ ){      $ii[$i] = 0;      $ii2[$i] = 0;    }                 for($i=1; $i<$ii_w; $i++ ){       $ii[$i*$ii_w] = 0;          $ii2[$i*$ii_w] = 0;       $rowsum = 0;      $rowsum2 = 0;      for($j=1; $j<$ii_h; $j++ ){        $rgb = ImageColorAt($canvas, $j, $i);        $red = ($rgb >> 16) & 0xFF;        $green = ($rgb >> 8) & 0xFF;        $blue = $rgb & 0xFF;        $grey = ( 0.2989*$red + 0.587*$green + 0.114*$blue )>>0; // this is what matlab uses        $rowsum += $grey;        $rowsum2 += $grey*$grey;         $ii_above = ($i-1)*$ii_w + $j;        $ii_this = $i*$ii_w + $j;         $ii[$ii_this] = $ii[$ii_above] + $rowsum;        $ii2[$ii_this] = $ii2[$ii_above] + $rowsum2;      }    }    return array('ii'=>$ii, 'ii2' => $ii2);  }   protected function do_detect_greedy_big_to_small( $ii, $ii2, $width, $height ){    $s_w = $width/20.0;    $s_h = $height/20.0;    $start_scale = $s_h < $s_w ? $s_h : $s_w;    $scale_update = 1 / 1.2;    for($scale = $start_scale; $scale > 1; $scale *= $scale_update ){      $w = (20*$scale) >> 0;      $endx = $width - $w - 1;      $endy = $height - $w - 1;      $step = max( $scale, 2 ) >> 0;      $inv_area = 1 / ($w*$w);      for($y = 0; $y < $endy ; $y += $step ){        for($x = 0; $x < $endx ; $x += $step ){          $passed = $this->detect_on_sub_image( $x, $y, $scale, $ii, $ii2, $w, $width+1, $inv_area);          if( $passed ) {            return array('x'=>$x, 'y'=>$y, 'w'=>$w);          }        } // end x      } // end y    } // end scale    return null;  }   protected function detect_on_sub_image( $x, $y, $scale, $ii, $ii2, $w, $iiw, $inv_area){    $mean = ( $ii[($y+$w)*$iiw + $x + $w] + $ii[$y*$iiw+$x] - $ii[($y+$w)*$iiw+$x] - $ii[$y*$iiw+$x+$w] )*$inv_area;    $vnorm = ( $ii2[($y+$w)*$iiw + $x + $w] + $ii2[$y*$iiw+$x] - $ii2[($y+$w)*$iiw+$x] - $ii2[$y*$iiw+$x+$w] )*$inv_area - ($mean*$mean);      $vnorm = $vnorm > 1 ? sqrt($vnorm) : 1;     $passed = true;    for($i_stage = 0; $i_stage < count($this->detection_data); $i_stage++ ){      $stage = $this->detection_data[$i_stage];       $trees = $stage[0];        $stage_thresh = $stage[1];      $stage_sum = 0;       for($i_tree = 0; $i_tree < count($trees); $i_tree++ ){        $tree = $trees[$i_tree];        $current_node = $tree[0];          $tree_sum = 0;        while( $current_node != null ){          $vals = $current_node[0];          $node_thresh = $vals[0];          $leftval = $vals[1];          $rightval = $vals[2];          $leftidx = $vals[3];          $rightidx = $vals[4];          $rects = $current_node[1];           $rect_sum = 0;          for( $i_rect = 0; $i_rect < count($rects); $i_rect++ ){            $s = $scale;            $rect = $rects[$i_rect];            $rx = ($rect[0]*$s+$x)>>0;            $ry = ($rect[1]*$s+$y)>>0;            $rw = ($rect[2]*$s)>>0;             $rh = ($rect[3]*$s)>>0;            $wt = $rect[4];             $r_sum = ( $ii[($ry+$rh)*$iiw + $rx + $rw] + $ii[$ry*$iiw+$rx] - $ii[($ry+$rh)*$iiw+$rx] - $ii[$ry*$iiw+$rx+$rw] )*$wt;            $rect_sum += $r_sum;          }            $rect_sum *= $inv_area;           $current_node = null;          if( $rect_sum >= $node_thresh*$vnorm ){            if( $rightidx == -1 )               $tree_sum = $rightval;            else              $current_node = $tree[$rightidx];          } else {            if( $leftidx == -1 )              $tree_sum = $leftval;            else              $current_node = $tree[$leftidx];          }        }         $stage_sum += $tree_sum;      }       if( $stage_sum < $stage_thresh ){        return false;      }    }     return true;  }}

?>

Su Implementacion:

<?php
require ('Face_Detector.php'); $detector = new Face_Detector('detection.dat'); $detector->face_detect('FOTO.jpg'); $detector->toJpeg(); ?>

Se incluye la clase Face_Detector.php, se crea una instancia especificando el archivo .dat y se hace uso de la función face_detectet(‘archivo imagen’); indicando el archivo de imagen a detetectar. El resultado sera una imagen con un recuadro sobre el rostro, si es que lo detecto, claro nada es perfecto, si le pasamos una foto cualquiera que no incluya un rostro, los resultados podran ser bastantes curiosos.

Descarga los archivos desde Aqui

Leer Más

Instala PHP7 en WAMPSERVER

INSTALAR PHP 7 EN WAMPSERVER

Editado por: JL Sistemas | Programadores en Desarrollo

El famoso PHP 7 la versión mejorada ya que vemos varias mejoras en cuanto a la versión anterior, el cual podemos destacar que es más rápida que la versión anterior, también cuenta con soporte para equipos con 64 Bits.

Te gustaría tener esta nueva versión en tu WAMPSERVER? Aquí te decimos como instalarlo.

1.- Instalar el paquete de VC_14Runtime de Windows:

Desde nuestro portal: http://jlsistemas.org/descargas/vc_redist.x86.exe

Portal de Microsoft: https://www.microsoft.com/es-ES/download/details.aspx?id=48145

2.- Descargar la versión PHP 7, se recomienda la version Thread Safe:

Desde nuestro portal: http://jlsistemas.org/descargas/php-7.0.0-Win32-VC14-x86.zip

Desde el Portal de PHP: http://windows.php.net/download

3.- Entrar a la carpeta wamp/bin/php y crea una carpeta llamada PHP7.0.0.

4.- Desempaqueta el zip en la carpeta creada.

5.- Ir a la carpeta de la version anterior PHP5.2.12, copia los archivos PHP.ini y WAMPSERVER.conf a la carpeta PHP7.0.0.

6.- Editar el archivo PHP.ini y buscar la linea extension_dir y reemplaza la carpte 5.2.12 por 7.0.0, quedando de la siguiente manera "C:/wamp/bin/php/php7.0.0/ext/", (Esto considerando que sea la ruta por default que se crea al instalar WAMPSERVER).

7.- Buscar la linea 
; Be sure to appropriately set the extension_dir directive, luego reemplaza hasta la linea que diga Module Setting con el texto siguiente:

; Be sure to appropriately set the extension_dir directive.
;
extension=php_bz2.dll
extension=php_curl.dll
;extension=php_com_dotnet.dll
;extension=php_enchant.dll
extension=php_fileinfo.dll
;extension=php_ftp.dll
extension=php_gd2.dll
extension=php_gettext.dll
extension=php_gmp.dll
extension=php_intl.dll
extension=php_imap.dll
;extension=php_interbase.dll
extension=php_ldap.dll
extension=php_mbstring.dll
extension=php_exif.dll ; Must be after mbstring as it depends on it
extension=php_mysqli.dll
;extension=php_odbc.dll
extension=php_openssl.dll
;extension=php_pdo_firebird.dll
extension=php_pdo_mysql.dll
;extension=php_pdo_oci.dll
;extension=php_pdo_odbc.dll
;extension=php_pdo_pgsql.dll
extension=php_pdo_sqlite.dll
;extension=php_pgsql.dll
;extension=php_phpdbg_webhelper.dll
;extension=php_shmop.dll
 ; The MIBS data available in the PHP distribution must be installed.
; See [www.php.net]
;extension=php_snmp.dll
 extension=php_soap.dll
extension=php_sockets.dll
extension=php_sqlite3.dll
;extension=php_sysvshm.dll
;extension=php_tidy.dll
extension=php_xmlrpc.dll
extension=php_xsl.dll
;;;;;;;;;;;;;;;;;;;
; Module Settings ;
;;;;;;;;;;;;;;;;;;;

8.- Realiza una copia del archivo PHP.ini en la misma carpeta y reenombralo por phpForApache.ini

9.- Abre el archivo wampserver.conf y reemplaza todo el código con el siguiente texto.

<?php
       $phpConf['phpIniDir'] = '.';
       $phpConf['phpExeDir'] = '.';
       $phpConf['phpConfFile'] = 'php.ini';
       //PHP 7 needs Apache 2.4.x and doesn't works with Apache 2.2.x
       $phpConf['apache']['2.4']['LoadModuleName'] = 'php7_module';
       $phpConf['apache']['2.4']['LoadModuleFile'] = 'php7apache2_4.dll';
       $phpConf['apache']['2.4']['AddModule'] = '';
?>

10.- Reinicia tu wampserver y eso seria todo, ya podrás ver en el menú de php que puede seleccionar la versión 7.0.0.

Deja tus comentarios.

Leer Más

11 Extensiones para Google Chrome para Desarrolladores Web

Una de las ventajas de utilizar un navegador web como Google Chrome es que incluye una gran cantidad de extensiones destinadas a satisfacer múltiples necesidades. De hecho existe una buena cantidad de extensiones de Google Chrome destinadas a desarrolladores web que pueden ser de mucha ayuda.

Las extensiones son complementos que podemos instalar en muchos navegadores web. Suelen agilizar mucho el trabajo ya que no necesitarás arrancar ningún programa. Con tenerlas instaladas pueden ahorrarte mucho tiempo.

Las extensines suelen ofrecer información adicional de gran valor.

Las mejores extensiones de Chrome para diseñadores web

Dado su utilidad hemos seleccionado hasta conce complementos de Google Chrome para diseñadores web para optimizar el trabajo.

Web developer

Quizás la extensión de diseño web mas completa que exista. A través de una barra de herramientas podrás ver una gran cantidad de información sobre cualquier página web. Hojas de estilo CSS, estructura de una web, información sobre caché,… y una enorme cantida de información.

Awesome Screenshot

Uno de los complementos para Chrome al que más partido le puedas sacar. Aunque no se trata de una extensión especialmente dirigida a diseñadores web resulta especialmente práctica. Permite realizar una captura de pantalla de una página web total o parcial. Una vez realizada la captura se pueden agregar formas y anotaciones para destacar los elementos más importantes, además de que se puede guardar o compartir.

Resolucion Test

Ver como va a quedar un diseño en diferentes resoluciones es una tarea obligatoria en cualquier profesional. Con esta herramienta verás una web en distintas resoluciones con solo pinchar en la resolución determinada. Hacerlo mas rápido es imposible.

Responsive Web Design Tester

Comprueba si una página web o blog cuenta con diseño adpatado a móviles en solo un instante. Otra forma de comprobar si un diseño es reponsivo o no en solo un segundo.

CSS Viewer

CSS Viewer CSS es un sencillo visor de propiedades para inspeccionar el código fuente de cualquier página web. Con solo hacer clic sobre la herramienta y luego sobre un elemento podrás ver el código de una web de una forma rápida y fácil.

WhatFont

Una de las extensiones mas antiguas que se conocen. Una forma de saber qué tipografía utiliza una web. Pincha sobre la extensión y luego sobre la fuente que quieres identificar y ya está.

Who Is Hosting?

Si quieres averiguar el hosting de una página web está herramienta te interesa. En solo un segundo averiguarás datos de una web que de otra forma sería mas costosa. Con un solo clic sabrás dónde está alojado un dominio.

Cloud Save

Esta es una extensión de Chrome que nos permite guardar archivos de cualquier sitio web en diferentes servicios de almacenamiento en la nube como Dropbox, Amazon Cloud Drive o Flickr.

Code Cola

Con esta extensión, los usuarios tendrán la oportunidad de editar el CSS dentro de un sitio web.

HTML Instant

Se trata de una extensión que funciona como un editor de código HTML en tiempo real, además de que se muestra con una pantalla dividida para trabajar con mayor comodidad. Conforme se escribe el texto con el código HTML en el lado izquierdo, en el panel de la derecha se van mostrando los resultados de forma automática. También escompatible con JavaScript y CSS.

Alexa Traffic Rank

Una extensión para saber al instante el ranking de una página web. Pero Alexa nos da mas información al respecto como número de enlaces, velocidad de carga,…

LastPass: Free Pasword Manager

Otra extensión que no es propiamente de diseño web. Está pensada paragestionar múltiples contraseñas web desde el navegador.

Con todas estas herramientas y extensiones de Google Chrome para desarrolladores web seguro que lograrás agilizar cualquier trabajo. Con el tiempo seguro que encuentras otras extensiones que pueden serte tan útiles como éstas o incluso más.

Leer Más

¿Sabías que tu router doméstico está siendo atacado continuamente?

El router inalámbrico es el corazón de nuestra red local doméstica, y en muchas ocasiones no está lo suficientemente protegido, por lo que los equipos de la red podrían estar en peligro. Los ataques a cualquier router doméstico son continuos, y es fundamental tomar unas medidas mínimas de seguridad para proteger los equipos de la red.

Los usuarios domésticos, aunque pueda parecer lo contrario, también son objetivo de los ciberdelincuentes. Si no tenemos correctamente configurado nuestro dispositivo, o tiene un firmware con alguna vulnerabilidad conocida, un atacante podría infectar nuestro router con malware y reenviar a todos los equipos de la red local a páginas maliciosas para infectar sus equipos con malware.

Recomendaciones de seguridad para routers domésticos

La primera recomendación de seguridad que os podemos dar escambiar la contraseña de administrador, algo que muy pocos usuarios hacen, ya sea por desconocimiento o por dejadez. Es fundamental que si nuestro router es accesible desde la WAN de Internet, tengamos la contraseña de acceso cambiada, para no facilitar a los ciberdelincuentes el acceso al panel de administración y que cambien la configuración de por ejemplo los servidores DNS.

Otra medida de seguridad que debemos tomar es deshabilitar cualquier servicio de administración a través de la WAN que no usemos, es decir, si nuestro enrutador tiene un servidor Telnet o SSH para poder administrarlo remotamente y no lo vamos a usar, es recomendable deshabilitarlo. También debemos tener en cuenta la administración de los routers a través de HTTP o HTTPS, si no vamos a administrarlos desde Internet lo mejor es deshabilitarlo. En el hipotético caso de que sí necesitemos administrar nuestro router a través de Internet, cambia la contraseña de administrador.

Con estos sencillos consejos ya tendremos el router bastante protegido, y es que el propio firewall que incorporan los routers son capaces de bloquear cualquier intento de conexión ilegítimo.

Algo que no está en la mano de los usuarios domésticos son los fallos de seguridad de los propios firmwares, sin embargo, sí depende de nosotros actualizar el firmware cuando haya uno nuevo disponible. Es recomendable revisar periódicamente las nuevas versiones de firmware, sobre todo si es un router comprado por ti y no un router de un operador, ya que estos últimos no suelen tener demasiadas actualizaciones. En el portal RouterSecurity encontraremos todas las noticias de vulnerabilidades de routers y también escáners para comprobar fallos de seguridad conocidos.

¿Sabes todos los ataques que ocurren en tan solo 24 horas en un router?

El investigador de seguridad Francisco J. Rodríguez @0fjrm0 colocó una sonda en su router proporcionado por un conocido ISP español y sacó unas conclusiones muy preocupantes. Todas las pruebas fueron ataques de la red WAN de Internet:

• Tuvo más de 20.000 eventos hacia su router doméstico.
• De estos eventos, más de 4.600 fueron ataques hacia diferentes puertos para acceder a su router y servicios. Los servicios más afectados fueron SSH, Telnet, 443, 2323, RPD, VNC, 8080 entre otros.
• Se registraron un total de 92 países distintos y se consultaron casi 350 puertos diferentes.

Muchos de esos intentos de conexión fueron desde España, de hecho, algunas IP tenían disponibles los paneles de administración remota de sus routers, incluso algunos usaban los credenciales predeterminados del ISP.

Fuente: redeszone

Leer Más

Agregar Campos Dinámicos con Php y Jquery con Arrays

Agregar Campos Dinámicos con Php y Jquery con Arrays

El Siguiente ejemplo muestra la funcionalidad de agregar diferentes cajas de textos que serán recibidos en un array (arreglo) y se imprimirán en pantalla.



Estructura de la aplicación:

Utilizamos archivos:

• Index.php
• jquery.min
• jquery-addfield2: para agregar cajas de texto dinámicamente por javascript.

A continuación muestro el formulario para prueba.

Código Fuente del Formulario, podemos observar que las cajas de texto tienen por nombre parada[] y contenido[].

Posteriormente observamos el archivo jquery-addfield2.js que nos permitirá ir generando div con el texto, cajas de texto, a su misma vez tiene una función para quitar un div generado.

• Al inicio codificamos un evento al botón para agregar.
• Luego obtenemos el valor de atributo div_1 pero le quitamos el "div_" para quedarnos con el número (parseInt($(this).parent('div').attr('id').replace('div_','')))
• Y es ese número que va a ir incrementando y concatenándose con cada div que agregáremos con el botón.

Probemos el Ejemplo: al cargar la aplicación podemos observar un formulario con 

cajas de texto y al hacer clic en el botón (+) observamos que se duplican las cajas que fijamos al inicio y el botón de ser (+) cambia a (-) el cual nos permite quitar la caja de texto posterior.

Resultados:

Descargar Ejemplo AQUÍ

Espero les sirva... Saludos.

Leer Más

Introspection: Un dispositivo de seguridad para saber si te espían el móvil

Introspection: Un dispositivo de seguridad para saber si te espían el móvil

Lunes, Julio 25, 2016 | Seguridad | Movil | Rastreo

Así se llama el dispositivo que Andrew ‘bunnie’ Huang y Edward Snowden han presentado al mundo. Introspection. Un dispositivo de seguridad que se acopla a tu terminal móvil para monitorizar si en cualquier momento está emitiendo señales de comunicación a bajo nivel que no deberían estar realizándose. Es decir, para ver si tu terminal móvil está enviando información en contra de tu voluntad, y para evitar capas de software que pudieran estar controladas, y software corriendo en los chips que pudiera estar controlado - recordad el escándalo con los chips Intel que está bajo estudio ahora mismo - directamente monitoriza las señales en los buses a nivel físico.

Como digo, el dispositivo se acopla a nivel físico para poder medir las señales de los buses de comunicación del hardware que son utilizados por los elementos de comunicación de un terminal, como son las conexiones WiFi, BlueTooth, las comunicaciones GSM, 2G, 3G, 4G, las conexiones RF o el mismo GPS. En esta imagen se ve cómo se conecta físicamente a la circuitería del terminal iPhone para monitorizar los buses con unos cables que salen debajo de la zona de la SIM.

En cada terminal hay que hacer una serie de conexiones y debería hacerse por gente especializada. Monitorizar los buses es la única forma que es 100% de fiar, según explican, para poderse fiar de un terminal que ha sido puesto en modo avión y del que no se espera ninguna conexión. Para ello, miran los buses utilizados de todos los elementos de comunicación. La siguiente tabla recoge la lista de sistemas de comunicación y buses monitorizados por su sistema. Como curiosidad, la tabla publicada tiene las típicas marcas del corrector ortográfico de Microsoft Word (una de "metadata leakage" en el post).

A partir de ese momento, Introspection auditará todas las señales para detectar tráfico en los buses de estas señales que se produzcan cuando no deberían producirse porque el terminal está en modo avión. Esto garantizaría que durante los instantes que el usuario quiera, el terminal no emite ninguna señal lo que evitaría que se pudiera localizar por medio de los múltiples caminos que existen: GPS, trilateración de antenas de comunicación, trilateración de redes WiFi, etcétera.

En la figura superior se puede ver cómo los buses de comunicación dejan de emitir señales cuando están en modo avión, así que si están emitiendo significaría que no está en modo avión de verdad y alguien podría estar recibiendo la información del terminal, y por tanto la ubicación del mismo en el mundo.

El objetivo es que fabricantes, operadores, o personal cualificado pueda inspeccionar el software que corre en Introspection, que puedan analizar el hardware con que se construye y que puedan instalarlo ellos sin necesidad de contar con los fabricantes que proveen los teléfonos. Para ello, el diseño se presenta como un recargador de batería extra, tal y como se ve en la fotografía.

La conexión se podrá hacer a través de un nexo entre las conexiones físicas que se hacen internamente en el dispositivo y los circuitos de Introspection. Aquí la conexión que es necesaria en un iPhone, que es uno de los dispositivos de los que Edward Snowden no se fía por haber aparecido también en el programa PRISM. Al final la propuesta que hace Introspection es meterse en las capas más bajas posibles para saber si te están monitorizando e ir a por las señales físicas parece que es lo más fiable a día de hoy, porque lo demás todo se puede troyanizar por una capa inferior.  Eso sí, esto no protegerá de todo el hacking de comunicaciones móviles que se produzca desde fuera.

Fuente: El Lado del Mal

Leer Más