Mostrar Mensajes

Esta sección te permite ver todos los mensajes hechos por este usuario, recuerda que solo puedes ver los mensajes en áreas en donde tu tienes acceso.


Temas - graphixx

Páginas: [1] 2 3 ... 75
1
Busque durante horas en Internet ejemplos de como calcular la distancia entre dos lugares, había muchos ejemplos pero ninguno con los campos de autocompletar que vayan sugiriendo los lugares, y mucho menos encima del mapa en vivo, mucho menos que trazaran la ruta y la mostraran, y al final arme este ejemplo que les estoy compartiendo de varios trozos de varios ejemplos mas la documentación oficial, espero les sea de mucha ayuda en sus desarrollos.





Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head>
    <title>Distancia entre dos puntos</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 425px;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      .controls {
        margin-top: 10px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }

      #origin-input,
      #destination-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 200px;
      }

      #origin-input:focus,
      #destination-input:focus {
        border-color: #4d90fe;
      }

      #mode-selector {
        color: #fff;
        background-color: #4d90fe;
        margin-left: 12px;
        padding: 5px 11px 0px 11px;
      }

      #mode-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }

    </style>
  </head>
  <body>
    <div style="display: none">
        <input id="origin-input" class="controls" type="text"
            placeholder="Ingrese dirección recogida">

        <input id="destination-input" class="controls" type="text"
            placeholder="Ingrese dirección entrega">

        <div id="mode-selector" class="controls">
          <input type="radio" name="type" id="changemode-walking" checked="checked">
          <label for="changemode-walking">Caminando</label>

          <input type="radio" name="type" id="changemode-transit">
          <label for="changemode-transit">tránsito</label>

          <input type="radio" name="type" id="changemode-driving">
          <label for="changemode-driving">Conducir</label>
        </div>
    </div>

    <div id="map"></div>
    <div id="duration">Duración: </div>
   <div id="distance">Distancia: </div>
    <script>
// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// <script
// src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places">

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    mapTypeControl: false,
    center: {lat: 6.244338, lng: -75.573553},
    zoom: 13
  });

  new AutocompleteDirectionsHandler(map);
}

/**
 * @constructor
 */
function AutocompleteDirectionsHandler(map) {
  this.map = map;
  this.originPlaceId = null;
  this.destinationPlaceId = null;
  this.travelMode = 'WALKING';
  this.directionsService = new google.maps.DirectionsService;
  this.directionsDisplay = new google.maps.DirectionsRenderer;
  this.directionsDisplay.setMap(map);

  var originInput = document.getElementById('origin-input');
  var destinationInput = document.getElementById('destination-input');
  var modeSelector = document.getElementById('mode-selector');

  var originAutocomplete = new google.maps.places.Autocomplete(originInput);
  // Specify just the place data fields that you need.
  originAutocomplete.setFields(['place_id']);

  var destinationAutocomplete =
      new google.maps.places.Autocomplete(destinationInput);
  // Specify just the place data fields that you need.
  destinationAutocomplete.setFields(['place_id']);

  this.setupClickListener('changemode-walking', 'WALKING');
  this.setupClickListener('changemode-transit', 'TRANSIT');
  this.setupClickListener('changemode-driving', 'DRIVING');

  this.setupPlaceChangedListener(originAutocomplete, 'ORIG');
  this.setupPlaceChangedListener(destinationAutocomplete, 'DEST');

  this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(originInput);
  this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(
      destinationInput);
  this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(modeSelector);
}

// Sets a listener on a radio button to change the filter type on Places
// Autocomplete.
AutocompleteDirectionsHandler.prototype.setupClickListener = function(
    id, mode) {
  var radioButton = document.getElementById(id);
  var me = this;

  radioButton.addEventListener('click', function() {
    me.travelMode = mode;
    me.route();
  });
};

AutocompleteDirectionsHandler.prototype.setupPlaceChangedListener = function(
    autocomplete, mode) {
  var me = this;
  autocomplete.bindTo('bounds', this.map);

  autocomplete.addListener('place_changed', function() {
    var place = autocomplete.getPlace();

    if (!place.place_id) {
      window.alert('Please select an option from the dropdown list.');
      return;
    }
    if (mode === 'ORIG') {
      me.originPlaceId = place.place_id;
    } else {
      me.destinationPlaceId = place.place_id;
    }
    me.route();
  });
};

AutocompleteDirectionsHandler.prototype.route = function() {
  if (!this.originPlaceId || !this.destinationPlaceId) {
    return;
  }
  var me = this;

  this.directionsService.route(
      {
        origin: {'placeId': this.originPlaceId},
        destination: {'placeId': this.destinationPlaceId},
        travelMode: this.travelMode
      },
      function(response, status) {
        if (status === 'OK') {
          me.directionsDisplay.setDirections(response);

         // Display the distance:
         document.getElementById('distance').innerHTML +=
            response.routes[0].legs[0].distance.value + " metros";

         // Display the duration:
         document.getElementById('duration').innerHTML +=
            response.routes[0].legs[0].duration.value + " segundos";

        } else {
          window.alert('Directions request failed due to ' + status);
        }
      });
};
</script>
    <script src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXX&libraries=places&callback=initMap"
        async defer></script>
  </body>
</html>

PD: no hace falta decir que para que el código funcione necesitas ir a la consola de developers de google maps y generar una llave api de javascript api de google maps y colocarla donde yo deje las key=XXXXXXXXX al final del código.

Ya para usar esos valores en tu app si te dejo el resto de carpintería, se me ocurre que los envíes a un php usando AJAX donde esta la parte de:
Código: [Seleccionar]
         // Display the distance:
         document.getElementById('distance').innerHTML +=
            response.routes[0].legs[0].distance.value + " metros";
O los captures cada que se dibujen en la pagina cambiando los divs por inputs y mediante una función javascript en el evento onchange.

Recuerda seguir mi pagina en facebook para mas ejemplos de código geniales que se publican cada semana: https://www.facebook.com/sistemasycontroles/

2


Si como yo te gustaría que Digital Ocean salga dentro de los intereses de tu perfil profesional de LinkedIn y lo buscaste pero no estabas seguro de a que perfil entrar, el oficial, es:
https://www.linkedin.com/company/digitalocean/

Y solo debes darle Seguir para que salga dentro de tus intereses.



Si no te suena de nada Digital Ocean, es uno de los principales proveedores de hosting para desarrolladores.
https://www.digitalocean.com/

3
Quizás como yo, te encuentres con la inquietud de como facilitarle al cliente que importe sus bases de datos en excel a tu sistema, para mi hasta el momento la mejor solución es añadirle al proyecto una instancia limitada de PhpMyAdmin.

Sobra decir para quienes apenas comienzan en la programación que PhpMyAdmin es una librería open source (no solo lo tiene tu proveedor de CPANEL o PLESK) y puedes incluir una instancia de el, simplemente descomprimiendo la descarga de PhpMyAdmin de su web oficial de descarga dentro de una carpeta de tu proyecto.
( https://www.phpmyadmin.net/downloads/ )



Simplemente debes construir la URL en la que invocas a Phpmyadmin así:
Código: [Seleccionar]
https://example.com/phpmyadmin/?pma_username=user&pma_password=password
Código: [Seleccionar]
<a href="phpMyAdmin-4.8.5-all-languages/?pma_username=prueba&pma_password=12345678" target="_blank">Importar/Exportar</a>

Fuente:
https://docs.phpmyadmin.net/en/latest/faq.html#faq4-8

PD: Aunque creo que sobra decirlo estoy hablando de cuando incluyes PhpMyAdmin como librería de tu desarrollo para importar tablas de excel directamente en tus tablas (que es para lo que la uso yo), el articulo no habla de como hackear PhpMyAdmin.

Usar el PhpMyAdmin asignandole un usuario con permisos solo sobre la base de datos del usuario, fue mi opcion mas viable ante propuestas como maquetar un importador y gestor de tablas de excel tipo (https://github.com/PHPOffice/PHPExcel) antes usaba:

https://github.com/devlprcbe/Visual-CSV-import-with-mapping/tree/master/trunk

Pero el proyecto fue abandonado, esa fue para mi la mejor librería jamas creada para importar archivos de excel a mysql por que dejaba mapear que columnas del excel iban a que columnas del mysql y a que tabla.

También existía :
https://codecanyon.net/item/ultimate-db-importexport-csvxlsxxmlmysql/6141099
Pero igualmente fue abandonado el proyecto, si encuentro un gestor de importación de bases de datos en excel decente, a un precio razonable lo publicare acá.

Al cliente se lo capacitaría de como colocar su excel en nuestro aplicativo así:

Yo pensaría que la base de datos a la que le dejamos invocar el PhpMyAdmin al cliente debe ser solo de tablas temporales de importación y ya programar otro sistema si propio para que el cliente traslade la tabla importada a producción.

Ya que el cliente podría destruir tus tablas de sistema si le dejas administrar todo desde su PhpMyAdmin personal.

Otra opción es:
https://www.dbninja.com/

Igual si miramos: https://alternativeto.net/software/phpmyadmin/ no es que tengamos mucho de donde escoger.

4


Para descargar e instalarlo:
https://code.visualstudio.com/

Para instalar el idioma español a la interfaz:
https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-es

Por que es el mejor IDE ?


5

💎 [HÉROE] Hacker Andrés Fernando Sepúlveda Ardila 💎

💎 Un mercenario capturado, que entrego todo por cumplir con lo contratado. 💎



6
Avances del caso del hacker Sepulveda en la revista SEMANA de Febrero del 2019

Descargar y leer online:

Me gustaría aclarar que la REVISTA SEMANA es una publicación comunista y mi blog coloca este escaneo en mero sentido informativo, las opiniones de la revista no representan la opinión de Graphixx jejeje

7

Frank Koppens y David Alcaraz, en un laboratorio del ICFO, en Castelldefels (Xavier Cervera)

La electrónica ha topado con una pared”, declara Frank Koppens, investigador Icrea en el Institut de Ciències Fotòniques (ICFO). Los chips electrónicos prácticamente ya no se pueden miniaturizar más, por lo que cada vez es más difícil crear ordenadores más potentes. Sin embargo, David Alcaraz, que investiga en el equipo que dirige Koppens, ha dado un primer paso hacia una solución: ha logrado confinar la luz en un espacio del tamaño de un solo átomo, lo que abre la puerta a crear chips basados en luz en lugar de electricidad, con el potencial de ser mucho más rápidos. El avance fue publicado en la revista Science.

¿Qué significa confinar la luz?

D.A. Los fotones de la luz tienen una longitud de onda que depende del material por el que se propagan. Por ejemplo, en el cristal es más pequeña que en el aire. Confinar la luz es hacer esa longitud de onda más y más pequeña.

F.K. David ha logrado confinar la luz en un espacio mucho más pequeño, del tamaño de un átomo.

¿Cómo podemos imaginarnos el tamaño de un átomo?

D.A. Un átomo mide un tercio de nanómetro. Si nos imaginamos un nanómetro como una hoja de papel A4, un metro sería la distancia del centro de la Tierra al centro de la Luna.

¿Por qué no se había conseguido nunca antes?

D.A. Por limitaciones de los materiales. La mayoría absorben demasiada luz cuando intentas confinarla con ellos.

¿Y cuál fue su truco para lograrlo?

D.A. Fue gracias al grafeno, que no absorbe tanta luz como otros materiales.

F.K. El grafeno tiene un grosor de un solo átomo y ha resultado ser el material más ideal del mundo para confinar la luz.

¿Cómo lo hicieron?

D.A. A mano, apilando materiales unos encima de otros.

F.K. Es como jugar a lego, pero con piezas que son materiales de un átomo de grosor. Son láminas muy finas, un millón de veces más finas que una hoja de papel. Lo que hizo David fue coger el grafeno y poner capas de otros materiales encima y debajo. Y consiguió hacer que pasara la luz entre ellas. Es el lego más pequeño del mundo.

¿Por qué decidieron confinar la luz en un espacio tan pequeño?

D.A. Estábamos buscando conseguir una alta densidad de energía.

F.K. Ya la habíamos confinado a un espacio bastante pequeño, de unos cien átomos. David vino un día y me dijo que la quería confinar a un solo átomo.

D.A. Pensé que era estúpido, pero ¿por qué no intentarlo?

F.K. Le respondí que no iba a funcionar, pero que por supuesto debía intentarlo.

¿Para qué puede servir confinar la luz a un átomo?

F.K. Los ordenadores y los teléfonos tienen chips con muchísimos circuitos, y hay la necesidad de hacerlos más pequeños, pero la electrónica está llegando a su tope. Ahora, podremos conseguirlo usando luz en lugar de electricidad. Hasta ahora nadie lo había pensado porque los circuitos serían demasiado grandes. Pero David ha logrado ­crear un circuito óptico mucho más pequeño que cualquier circuito electrónico.

¿Qué otras ventajas tienen los circuitos ópticos?

F.K. Serían más rápidos, porque la luz viaja más rápido que la electricidad.

D.A. Si logramos hacer circuitos basados en luz visible, serán un millón de veces más rápidos que los actuales, además de más pequeños. Con un chip óptico se podría hacer lo que hoy necesita un millón de chips.

¿Cómo puede eso cambiar nuestras vidas?

F.K. Los circuitos y las comunicaciones serán imprescindibles en el futuro, por ejemplo, para los coches autónomos o el llamado internet de las cosas. Habrá sensores por todas partes. Simplemente estando en casa, un equipo monitorizará tu salud y se pondrá en contacto con el médico si hay cualquier problema. Para todo eso, hacen falta sensores y chips mucho más rápidos. Además, hacer ordenadores más potentes será crucial para entender el mundo, nuestros cuerpos, las enfermedades y los materiales. La ciencia de este siglo dependerá de ello.

¿Los circuitos ópticos serán imprescindibles para todo eso?

F.K. Otra posibilidad para lograr máquinas más rápidas es la computación cuántica, pero nosotros pensamos que podemos hacer los ordenadores actuales mucho más rápidos utilizando circuitos ópticos.



Frank Koppens (Deurne, Países Bajos, 1976)

Doctor en física experimental por la Universidad Tecnológica de Delft (Países Bajos). Tras un posdoctorado en la Universidad de Harvard (EE.UU.), en el 2010 formó su propio equipo en el Institut de Ciències Fotòniques (ICFO). Su investigación se centra en la interacción entre luz y materia en condiciones extremas. Dirige el área de fotónica y optoelectrónica del programa europeo Graphene Flagship y ha recibido cinco becas del Consejo Europeo de Investigación. Es profesor de investigación Icrea desde 2015.



David Alcaraz (Barcelona, 1985)

Graduado en física por la Universitat de Barcelona (UB). Se especializó en fotónica con el máster interuniversitario de la Universitat Autònoma de Barcelona (UAB), la UB, la Universitat Politècnica de Catalunya (UPC) y el Institut de Ciències Fotòniques (ICFO). Tras comenzar a colaborar con el ICFO durante el máster, en el 2014 se incorporó al grupo que dirige Frank Koppens como investigador predoctoral. Sus áreas de especialización con la nanofotónica y la óptica cuántica.

Fuente:
https://www.lavanguardia.com/ciencia/20190216/46486492322/hemos-confinado-la-luz-en-un-espacio-de-un-solo-atomo.html?utm_campaign=botones_sociales&utm_source=facebook&utm_medium=social

8
Foro Libre / Los mejores memes de empanadas Colombia
« : 16 de febrero de 2019, 05:51:59 pm »

9
BIBLIOTECA EMPRESARIAL / [PDF] Grandes Grupos Económicos de Antioquia
« : 06 de febrero de 2019, 02:36:49 pm »

clic en la imagen para ampliarla!!!

Leer online y descargar:

10
"Hack Yourself", este curso gratuito de ciberseguridad te enseña a detectar vulnerabilidades en tu propia web



El campo de la ciberseguridad es de los que mayor demanda de empleos está generando actualmente gracias la imperiosa necesidad de implementar buenas prácticas de seguridad empresarial.

Si este es un tema que te interese como desarrollador en formación, quizás este curso te venga bien. "Hack Yourself First" (hackéate a ti mismo primero) busca ayudarte a desarrollar las habilidades necesarias para detectar fallos de seguridad en tu propio sitio antes de que lo haga un atacante.

El curso ha sido desarrollado por Troy Hunt, el creador del conocido sitio Have I Been Pwned que recopila enormes bases de datos de brechas de seguridad y te deja comprobar si tu email ha sido hackeado alguna vez. Troy trabaja actualmente en Microsoft como desarrollador especializado en seguridad.

Este curso que tiene una duración aproximada de casi 10 horas, está dividido en 22 lecciones en video que te enseñarán como identificar diversos riesgos de seguridad en sitios web directamente dentro del navegador.

Aprenderás a identificar y entender los patrones en las vulnerabilidades desde la perspectiva de un atacante, es decir, aprendiendo a explotar los puntos débiles de los que suelen aprovecharse los hackers maliciosos.

El curso está publicado de forma gratuita en Pluralsight, pero no necesitas siquiera crear una cuenta en el sitio para tomarlo, aunque sí para tomar notas y guardar tu progreso.

Tomar el curso:
https://www.pluralsight.com/courses/hack-yourself-first

Fuente: genbeta.com

11
[VIDEO]Tener tu Propia Plataforma, para Vender Cursos 100% On-Line



VER ONLINE:
https://www.aulasimple.com/minicurso

DESCARGAR:[44 min - 111MB]
https://openload.co/f/1SUfXlXIgR4/mis_propios_cursos.ts

Reproductor recomendado:
https://www.videolan.org/vlc/index.es.html

Recursos mencionados en el curso:

1. DIVI
https://www.elegantthemes.com/gallery/divi/

Es un producto caro si lo vas a usar solo en una página web. El precio de Divi puede ser un poco elevado si solo lo vas  a utilizar en una página web y no vas a aprovechar muchas de sus funciones. La licencia individual cuesta 89$ al año (unos 82€) y tienes que pagar cada año para tener acceso al soporte y las actualizaciones. Aunque la licencia de desarrollador cuesta 249$ (unos 230€) en un solo pago y te da acceso a todo sin restricción para toda la vida. En realidad es un producto más pensado para desarrolladores que hacen muchas páginas web que para un particular con una sola página.

Mas info: https://www.creatiburon.com/divi-theme/

2. Learn Dash WP
https://www.learndash.com/

La licencia cuesta $200 USD

Mas info: https://e-learning.ninja/academia/learndash-wordpress-e-learning-hecho-facil/

Conclusión:

WP y esos plugins son una buena opción para alguien sin conocimientos técnicos y con mucho capital $$$ para invertir en su plataforma, si lo tuyo es poco capital pero muchas ganas te sugiero usar MOODLE https://moodle.org/?lang=es

12
Probablemente por estos días recibas un mensaje de WhatsApp de algún amigo, familiar o conocido así:


Anunciando "DINERO GRATIS!!!" y fabulosas ganancias sin ninguna inversión.

Si no estas seguro de si algo es cierto, pídele ayuda a google, posiblemente ya hayan más usuarios investigando lo mismo, copia en google el dominio de la oferta o beneficio o sorteo o producto o tienda seguido de la palabra "scam" y lee siquiera 5 paginas de resultados así:



Y si leemos el articulo, "en ingles":
https://www.cointelligence.com/content/initiative-q-viral-response/

Dirá que efectivamente el negocio es un scam, que solo quieren recolectar correos, que estan prometiendo ganancias que nunca existirán y que no es más que un negocio piramidal.

Nota: Clic o Presiona encima de las imágenes para ampliarlas.






Cuando te mencionan la palabra COIN, criptomoneda, moneda virtual , blockchain o bitcoin para ganar adeptos, procura consultar fuentes como la página de cripto noticias donde tendrás la opinión de expertos en la materia.

https://www.criptonoticias.com/

13
Agregue algunos Emoji ❤ a su línea de asunto de correo electrónico



En una investigación de mercados de correos con asuntos agrupados en:

Grupo A: Registrate hoy mismo y gana bebidas ilimitadas! 🍻

Grupo B: Registrate hoy mismo y gana bebidas ilimitadas!

El grupo A con el emoji obtuvo un 18% más de visualizaciones que el grupo B sin el emoji en el asunto.

Así mismo en un día de navidad el grupo con el emoji 🎄 obtuvo un 37% más de visualizaciones que el grupo sin el emoji en el asunto.

Un ejemplo de cómo llegan los mensajes con estos emojis:


Cosas a considerar antes de añadir emojis al asunto de tus emails

- Solo debes añadirlos para contenido relevante como promociones, usarlos siempre podría acarrear que tus correos empezaran a ser considerados todos como spam.

- Has pruebas para confirmar que tus suscriptores efectivamente reaccionan de la manera esperada al emoji, si el emoji no está generando el número de aperturas de emails y conversiones esperadas es por que no tuvo buena acogida y deberías meditar sobre descontinuar su uso.

- Haz pruebas sobre el mayor número de buzones de correo posible, esto es: debes tener un correo gmail, outlook, yahoo, webmail , etc para visualizar cómo llega el emoji en cada uno de ellos antes de masificar su uso.

Posiblemente debas organizar campañas con diferentes emojis o incluso sin uso de ellos para diferentes clientes de email.

Nota: no se aconseja usar los emuladores de renderizado de clientes de correo, y se aconseja en lo posible tener tus propios buzones en cada plataforma.

Cómo añadir los emojis

Es tan fácil como copiar y pegar ( CTRL + C , CTRL + V )

La mayor colección de ellos se encuentra en :
http://fsymbols.com/

Este articulo fue traducido desde:
http://www.kateycharles.com/good-thinking-from-katey-charles-communications/add-emojis-to-email-subject-lines

14


Su hermana le confirmó el fallecimiento a TMZ. El escritor estadounidense es una leyenda en la industria de las novelas gráficas y las películas de superhéroes.

Stan Lee, quien tenía 95 años, venía experimentando varios problemas de salud. Recientemente había sido internado en un hospital por una neumonía.

Lee es reconocido por crear héroes que van desde Los 4 Fantásticos, pasando por Spiderman, Hulk, Black Panther, hasta Los Vengadores.

Noticia en desarrollo…

Fuente:
Código: [Seleccionar]
https://noticias.caracoltv.com/entretenimiento/murio-stan-lee-el-genio-de-marvel-comics-que-creo-personajes-como-spiderman-y-hulk

15
BIBLIOTECA DE SISTEMAS / Cómo filtrar y extraer filas por palabra clave de Excel
« : 08 de noviembre de 2018, 02:21:17 am »


La manera más ágil es con un plugin de Excel que se llama Kutools:
https://www.extendoffice.com/es/documents/excel/816-excel-select-cells-with-specific-text.html

Nota: Probado sobre la última versión office 365 de 2018.

Páginas: [1] 2 3 ... 75