Hablando de API’s (Parte 2)

Standard

Hola de nuevo, ¿cómo están?

Vamos a retomar el tema de las API’s. Como quedamos la entrega anterior, vamos a empezar a desarrollar una API REST, esto para que nos quede un poco más claro todo este tema. Desarrollaremos nuestra API sobre el tema medico, con la cual podremos ofrecer a un profesional de la salud un servicio donde pueda registrar a sus pacientes, llevar a cabo una consulta y que pueda agendar dichas consultas. Esto con el fin de que pueda tener un registro de sus pacientes con información básica; así como también un historial por cada paciente de los hallazgos en sus consultas y los temas que se trataron en ella. Como ya les había mencionado, para el desarrollo de nuestra API utilizaremos Ruby on Rails en su versión 5. Sin mas que decir, empecemos nuestro desarrollo.

Lo primero que haremos sera crear un nuevo proyecto en Rails, especificando que utilizaremos una base de datos mysql, al cual yo nombrare como healthcareapi

rails new healthcareapi -d mysql --api

Continue reading

Hablemos de API’s (Parte 1)

Standard

Hola que tal, espero se encuentren muy bien! Hace algún tiempo que no escribía en el blog, espero que este tema sea de su interés y que lo disfruten.

En esta ocasión, abordaremos un tema de moda desde hace algún tiempo, en el cual he tenido la oportunidad de involucrarme desde hace algunos proyectos: Las API’s

Las API (Application Programming Interface, por sus siglas en ingles), son interfaces que nos permiten interactuar con un sistema de una manera mas practica y escalable, sin necesariamente saber que sucede detrás. Desde métodos para realizar acciones de un CRUD, hasta solo mandar una cantidad mínima de datos y que la API nos resuelva todo un proceso que seria extremadamente complejo o tardaríamos una eternidad en completar por nuestra cuenta. Nos permiten encapsular y separar los componentes de un sistema para poder compartirlos con otros usuarios (personas o sistemas). Si lo ponemos en términos mas simples, una API son una serie de acuerdos y requisitos de como una aplicación se comunicara con otra. Continue reading

Creando un mapa con Angular Google Maps

Link

Buen Dia gente, acá andamos esta vez para enseñarles como crear un mapa con Angular Google Maps.

distancecluster

Agregando dependencias:

Lo primero que tenemos que hacer es tener instalada nuestra dependencia de angular google maps, acá te dejo el link para que lo puedas instalar.

https://angular-ui.github.io/angular-google-maps/#!/use

Sobre la configuración

Podemos instalar nuestra dependencia usaremos bower, en la terminar entramos a la carpeta de nuestro proyecto y tecleamos:

   bower install angular-google-maps

Continue reading

Convertir tabla HTML a CSV/Excel

Standard

Convirtiendo una tabla HTML en un archivo csv/excel usando Javascript

¿Que tal gente? ¿Como están? Aquí estamos de nuevo indagando en este mundo de la programación con Javascript. El día de hoy, hablaremos de como convertir una tabla en HTML en un archivo CSV/Excel con Javascript . Sin mas preámbulos vayamos al tutorial.

1: Primero lo que debemos hacer es tener nuestra tabla html que vayamos a convertir a csv/excel. Para este caso yo tomare esta tabla como ejemplo:
De la cual tenemos el siguiente código HTML
Screen Shot 2016-01-15 at 5.04.20 PM Continue reading

Trabajando con Google Maps

Standard

Ubicar puntos dentro de una figura irregular con Google Maps

Hola a todos, ¿qué tal? , ¿cuántas veces nos hemos topado con problemas que nos quitan horas e incluso hasta un día completo en resolver?, supongo que muchas y en algunas ocasiones es muy estresante, este fué mi caso cuando implementé Google Maps en una aplicación Web usando figuras irregulares para dibujar en el mapa y querer manipular nuestra figura para que haga cierta acción. Y es aquí donde mi aventura y reto a la vez con Google Maps empieza.

Primero si no tienes idea de como agregar la opción de dibujar en nuestro mapa (así como yo no la tenia) solo debes agregar un drawingManager el cual nos proporcionará esta herramienta, para esto agrega el siguiente código:

var drawingManager = new google.maps.drawing.DrawingManager({
   drawingMode: google.maps.drawing.OverlayType.MARKER,
   drawingControl: true,
   drawingControlOptions: {
     position: google.maps.ControlPosition.TOP_CENTER,
     drawingModes: [
       google.maps.drawing.OverlayType.MARKER,
       google.maps.drawing.OverlayType.CIRCLE,
       google.maps.drawing.OverlayType.POLYGON,
       google.maps.drawing.OverlayType.POLYLINE,
       google.maps.drawing.OverlayType.RECTANGLE
      ]
    },
    markerOptions: {},
    circleOptions: {
    fillColor: '#ffff00',
    fillOpacity: 1,
    strokeWeight: 5,
    clickable: false,
    editable: true,
    zIndex: 1
    }
});
drawingManager.setMap(map);

/*donde map representa nuestro mapa en la aplicación.Esta código nos agrega   ra la opción de poder dibujar en nuestro mapa.*/ 

Continue reading