{"id":1844,"date":"2023-02-27T11:44:04","date_gmt":"2023-02-27T17:44:04","guid":{"rendered":"http:\/\/racmanuel.dev\/?post_type=proyectos&#038;p=1844"},"modified":"2023-02-27T15:18:04","modified_gmt":"2023-02-27T21:18:04","slug":"sistema-para-rastreo-de-pedidos-hecho-con-wordpress","status":"publish","type":"proyectos","link":"https:\/\/racmanuel.dev\/en\/proyectos\/sistema-para-rastreo-de-pedidos-hecho-con-wordpress\/","title":{"rendered":"Order Tracking System made with WordPress"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"que-es-sistema-de-rastreo-de-pedidos\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">\u00bfQu\u00e9 es Sistema de Rastreo de Pedidos?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un&nbsp;<strong>sistema de seguimiento y monitoreo<\/strong>&nbsp;log\u00edstico es un&nbsp;<em>software<\/em>&nbsp;<em>online<\/em>&nbsp;que permite conocer, en todo momento, el estatus de una mercanc\u00eda que est\u00e1 siendo transportada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mediante este, se puede monitorear la fecha y hora de salida, de llegada, la ubicaci\u00f3n en tiempo real durante el trayecto, las dificultades que pueda estar teniendo el transportista, entre otras variables asociadas a el paquete.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"problematica\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">Problem\u00e1tica<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La &#8220;Empresa&#8221; realiza el envi\u00f3 de pedidos de refacciones para motocicleta a sus clientes mediante diferentes paqueter\u00edas y requieren que sus clientes puedan visualizar mediante su pagina web la informaci\u00f3n de su pedido as\u00ed como el:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fecha de Envi\u00f3 del Pedido<\/li>\n\n\n\n<li>Numero de Pedido<\/li>\n\n\n\n<li>Factura<\/li>\n\n\n\n<li>Paqueter\u00eda<\/li>\n\n\n\n<li>Numero de Paquetes<\/li>\n\n\n\n<li>Numero de Rastreo<\/li>\n\n\n\n<li>Tipo de Servicio<\/li>\n\n\n\n<li>Raz\u00f3n Social<\/li>\n\n\n\n<li>Destino<\/li>\n\n\n\n<li>Estatus<\/li>\n\n\n\n<li>Fecha de Entrega del Pedido<\/li>\n\n\n\n<li>Comentarios<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se quiere crear un sistema que permita consultar el estado de sus pedidos mediante la pagina web hecha en WordPress tambi\u00e9n se requiere que la informaci\u00f3n pueda ser importada usando un archivo de Excel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-se-hizo-el-sistema\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo se hizo el Sistema?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para este proyecto se utilizaron los siguientes plugins para realizar el trabajo lo mas r\u00e1pido posible cumpliendo con los requerimientos del proyecto:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/download\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/download\/\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">WordPress<\/span><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.gravityforms.com\/\" data-type=\"URL\" data-id=\"https:\/\/www.gravityforms.com\/\" rel=\"nofollow noopener\" target=\"_blank\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">Gravity Forms<\/span><\/a>\n<ul class=\"wp-block-list\">\n<li>Se utilizo Gravity Forms debido a que este plugin permite hacer de manera r\u00e1pida y completa, cualquier tipo de formulario para WordPress y cuenta  ya cuenta con un importador y exportador de entradas que no facilita el trabajo para cargar o importar archivos de Excel. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">C\u00f3digo Personalizado.<\/span>\n<ul class=\"wp-block-list\">\n<li>Tambi\u00e9n se necesito de c\u00f3digo personalizado para realizar la b\u00fasqueda por numero de pedido para ello se utilizaron las siguientes tecnolog\u00edas:\n<ul class=\"wp-block-list\">\n<li>PHP<\/li>\n\n\n\n<li>JS<\/li>\n\n\n\n<li>HTML<\/li>\n\n\n\n<li>CSS<\/li>\n\n\n\n<li>jQuery<\/li>\n\n\n\n<li>AJAX<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Adem\u00e1s utilice la clase que me permite hacer consultas desde el front-end de la web usando la clase proporcionada por el plugin de Gravity Forms.\n<ul class=\"wp-block-list\">\n<li><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">GFAPI Class: <\/span>\n<ul class=\"wp-block-list\">\n<li>Las funciones de la API de Gravity Forms proporcionan a los desarrolladores una forma preparada para el futuro de acceder a algunas de las funciones b\u00e1sicas comunes de Gravity Forms.<\/li>\n\n\n\n<li>Las funciones de la API se incluyen autom\u00e1ticamente cuando se carga Gravity Forms y estar\u00e1n disponibles en el momento en que se carguen los complementos.<\/li>\n\n\n\n<li>La clase API se llama GFAPI y se puede encontrar en \/includes\/api.php.<\/li>\n\n\n\n<li>Para mas informaci\u00f3n revise la documentaci\u00f3n oficial de Gravity Forms: <a href=\"https:\/\/docs.gravityforms.com\/api-functions\/\" rel=\"nofollow noopener\" target=\"_blank\">GFAPI Class &#8211; Gravity Forms Documentation<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-funciona-el-sistema\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo funciona el Sistema?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El plugin se instalo en la pagina web de la &#8220;empresa&#8221; al acceder a su sitio web puedes entrar al apartado de rastrear mi pedido, puedes ingresar el numero de tu pedido y saber en que estado se encuentra y con que paqueter\u00eda ha sido enviado la fecha de llegada del paquete entro otros&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed esta un peque\u00f1o video demostrando el funcionamiento del plugin.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2292\" style=\"aspect-ratio: 4096 \/ 2292;\" width=\"4096\" autoplay controls loop muted preload=\"auto\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Video-Sistema-de-Rastreo-de-Pedidos.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Como podemos ver WordPress no solo nos sirve para poder hacer pagina web si no que puede ser una muy \u00fatil navaja suiza con herramientas para todos los niveles, tanto programadores, como personas que buscan hacer su web de manera sencilla.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"conclusion\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Conclusi\u00f3n<\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Se puedo resolver la problem\u00e1tica usando los plugin y herramientas adecuadas sin usar mucho c\u00f3digo, para agilizar los tiempos de entrega, esto siempre va a ser un factor muy importante a la hora de crear nuestros proyectos de manera profesional.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"tienes-algun-proyecto-web\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfTienes alg\u00fan Proyecto Web?<\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Do you need help with a web project? Don&#039;t hesitate to contact me. I develop complete and customized solutions with WordPress and PHP, using modern tools and processes, HTML, CSS, SCSS, PHP, JavaScript, Bootstrap, and more. Ready? Send me a message and let&#039;s talk about your web project!<\/p>\n\n\n\n<div class=\"wp-block-jetpack-contact-form\">\n\n\n\n\n\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>La &#8220;Empresa&#8221; realiza el envi\u00f3 de pedidos de refacciones para motocicleta a sus clientes mediante diferentes paqueter\u00edas y requieren que sus clientes puedan visualizar mediante su pagina web la informaci\u00f3n de su pedido.<\/p>","protected":false},"author":1,"featured_media":1850,"parent":0,"template":"","tipo":[10],"class_list":["post-1844","proyectos","type-proyectos","status-publish","has-post-thumbnail","hentry","tipo-plugin-para-wordpress"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/1844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos"}],"about":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/types\/proyectos"}],"author":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":6,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/1844\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/1844\/revisions\/1852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media\/1850"}],"wp:attachment":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media?parent=1844"}],"wp:term":[{"taxonomy":"tipo","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/tipo?post=1844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}