{"id":1722,"date":"2023-01-27T10:58:42","date_gmt":"2023-01-27T16:58:42","guid":{"rendered":"http:\/\/racmanuel.dev\/?post_type=proyectos&#038;p=1722"},"modified":"2023-01-27T10:58:46","modified_gmt":"2023-01-27T16:58:46","slug":"sistema-generador-de-etiquetas-ean-13","status":"publish","type":"proyectos","link":"https:\/\/racmanuel.dev\/en\/proyectos\/sistema-generador-de-etiquetas-ean-13\/","title":{"rendered":"Sistema Generador de Etiquetas EAN-13"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"que-es-ean-13\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">\u00bfQu\u00e9 es EAN-13?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Con la aparici\u00f3n de los C\u00f3digos de Barras las empresas y negocios empezaron a optar por este nuevo sistema, que trajo consigo grandes ventajas, ya que permite almacenar distinta informaci\u00f3n que puede ser le\u00edda a gran velocidad con un lector l\u00e1ser. Sin embargo, al surgir nuevas necesidades comenzaron a diversificarse los C\u00f3digos de Barras y hoy existen varios tipos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uno de ellos es el C\u00f3digo EAN o EAN13, que se refiere al N\u00famero de Art\u00edculo Internacional (o en ingles European Article Number). A diferencia del est\u00e1ndar de C\u00f3digos UPC que utiliza 12 d\u00edgitos, este sistema cuenta con 13 d\u00edgitos y actualmente se puede encontrar en cualquier producto. Algunas veces a este C\u00f3digo tambi\u00e9n se le llama GTIN o GTIN13 (Global Trade Identifier).<\/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; requiere de un etiquetado completo de sus productos con c\u00f3digos de barra en con el Est\u00e1ndar EAN-13 de sus productos que se encuentran en almac\u00e9n para hacer el uso de Lectores de C\u00f3digos de barra. La &#8220;Empresa&#8221; cuenta con un archivo en formato .xlsx con la informaci\u00f3n los productos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clave<\/li>\n\n\n\n<li>Descripci\u00f3n del Producto<\/li>\n\n\n\n<li>Contenido<\/li>\n\n\n\n<li>RFC<\/li>\n\n\n\n<li>C\u00f3digo de Barras<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Se quiere crear un sistema que permita poder subir el archivo en formato .xlsl y poder generar las etiquetas de manera masiva en formato .PDF con las medidas de papel y contenido del producto correcto.<\/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\">WordPress<\/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\">Gravity Forms<\/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 adem\u00e1s de contar con extensiones como Gravity PDF que nos permite ahorrar significativamente tiempo a la hora de generar PDF, as\u00ed como ya cuenta con un importador y exportador de entradas que no facilita el trabajo para cargar el .xlsl. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/gravitypdf.com\/\" data-type=\"URL\" data-id=\"https:\/\/gravitypdf.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Gravity PDF<\/a>\n<ul class=\"wp-block-list\">\n<li>Extensi\u00f3n para el plugin de Gravity Forms que permite generar archivos en formato PDF de una manera, r\u00e1pida, din\u00e1mica y f\u00e1cil.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/www.gravitykit.com\/\" data-type=\"URL\" data-id=\"https:\/\/www.gravitykit.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Gravity View<\/a>\n<ul class=\"wp-block-list\">\n<li>Permite mostrar, editar, eliminar los registros de los formularios de Gravity Forms en el Front-End de la web.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>C\u00f3digo Personalizado.\n<ul class=\"wp-block-list\">\n<li>Tambi\u00e9n se necesito de c\u00f3digo personalizado para generar el PDF con condicionales de visibilidad, etc..<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"como-funciona-el-sistema-generador-de-etiquetas-ean-13\"><span style=\"color: var(--theme-palette-color-8, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo funciona el Sistema Generador de Etiquetas EAN-13?<\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"857\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-1024x857.jpg\" alt=\"\" class=\"wp-image-1786\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-1024x857.jpg 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-600x502.jpg 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-300x251.jpg 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-768x643.jpg 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas.jpg 1036w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Pagina Principal del Sistema Generador de Etiquetas EAN-13<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Esta es la pagina principal del Sistema en esta pagina se pueden registrar mediante el formulario situado arriba de la tabla, se pueden insertar datos para generar etiquetas de manera manual. Al registrar una etiqueta de manera manual, se agregara a la tabla inferior la etiqueta con la posibilidad de descargarla en PDF.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n si el usuario desea puede editar las etiquetas de manera manual dando clic sobre la clave de alguno de los productos, lo redirige a la pagina donde se puede editar la informaci\u00f3n completa de la etiqueta seleccionada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"613\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-2-1024x613.jpg\" alt=\"\" class=\"wp-image-1787\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-2-1024x613.jpg 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-2-600x359.jpg 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-2-300x179.jpg 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-2-768x459.jpg 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-2.jpg 1090w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Pantalla para edici\u00f3n, eliminaci\u00f3n de etiqueta.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En la siguiente pantalla podemos ver una ejemplo de como se ve una etiqueta con c\u00f3digo de barras y la informaci\u00f3n terminada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"471\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3-1024x471.jpg\" alt=\"\" class=\"wp-image-1788\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3-1024x471.jpg 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3-600x276.jpg 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3-300x138.jpg 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3-768x353.jpg 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3-1536x707.jpg 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-3.jpg 1869w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Etiqueta generada en PDF<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Para mostrar la tabla con paginaci\u00f3n y barra de b\u00fasqueda se utilizo el plugin de Gravity View, para poder generar la vista que mediante un shortcode se incrusto en una pagina para que fuera visibles para los usuarios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"390\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4-1024x390.png\" alt=\"\" class=\"wp-image-1790\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4-1024x390.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4-600x229.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4-300x114.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4-768x293.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4-1536x585.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-4.png 1872w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Panel de WordPress donde se generan las Vistas para el Front-End del Sistema.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5-1024x417.png\" alt=\"\" class=\"wp-image-1791\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5-1024x417.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5-600x244.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5-300x122.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5-768x312.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5-1536x625.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-5.png 1873w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Pantalla donde se visualizan los formulario creados.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8-1024x508.png\" alt=\"\" class=\"wp-image-1793\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8-1024x508.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8-600x298.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8-300x149.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8-768x381.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8-1536x763.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-8.png 1875w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Creaci\u00f3n de formulario utilizando Gravity Forms.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6-1024x507.png\" alt=\"\" class=\"wp-image-1792\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6-1024x507.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6-600x297.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6-300x148.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6-768x380.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6-1536x760.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/Sistema-Generador-de-Etiquetas-6.png 1869w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Pantalla con los plugin activos para hacer funcionar el Sistema.<\/figcaption><\/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 de generar etiquetas de manera masiva, 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.<\/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>Se quiere crear un sistema generador de etiquetas EAN-13 que permita poder subir el archivo en formato .xlsl y poder generar las etiquetas de manera masiva en formato .PDF con las medidas de papel y contenido del producto correcto.<\/p>","protected":false},"author":1,"featured_media":1819,"parent":0,"template":"","tipo":[],"class_list":["post-1722","proyectos","type-proyectos","status-publish","has-post-thumbnail","hentry"],"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\/1722","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":5,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/1722\/revisions"}],"predecessor-version":[{"id":1820,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/1722\/revisions\/1820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media\/1819"}],"wp:attachment":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media?parent=1722"}],"wp:term":[{"taxonomy":"tipo","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/tipo?post=1722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}