{"id":2797,"date":"2023-11-23T17:14:03","date_gmt":"2023-11-23T23:14:03","guid":{"rendered":"http:\/\/racmanuel.dev\/?post_type=proyectos&#038;p=2797"},"modified":"2023-11-23T17:14:09","modified_gmt":"2023-11-23T23:14:09","slug":"proyecto-de-pagina-web-y-aplicacion-de-la-federacion-mexicana-de-raquetbol","status":"publish","type":"proyectos","link":"https:\/\/racmanuel.dev\/en\/proyectos\/proyecto-de-pagina-web-y-aplicacion-de-la-federacion-mexicana-de-raquetbol\/","title":{"rendered":"Website and Application Project for the Mexican Racquetball Federation"},"content":{"rendered":"<figure class=\"wp-block-image aligncenter size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1854\" height=\"913\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-92.png\" alt=\"\" class=\"wp-image-2806\" style=\"width:1292px;height:auto\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-92.png 1854w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-92-600x295.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-92-300x148.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-92-1024x504.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-92-768x378.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-92-1536x756.png 1536w\" sizes=\"(max-width: 1854px) 100vw, 1854px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>\u00cdndice<\/h2><nav><ul><li class=\"\"><a href=\"#quien-es-federacion-mexicana-de-raquetbol\">\u00bfQui\u00e9n es Federaci\u00f3n Mexicana de Raquetbol?<\/a><\/li><li class=\"\"><a href=\"#descripcion-del-proyecto\">Descripci\u00f3n del Proyecto<\/a><ul><li class=\"\"><a href=\"#inicio-del-proyecto-identificando-necesidades\">Inicio del Proyecto: Identificando Necesidades<\/a><\/li><li class=\"\"><a href=\"#desarrollo-de-la-plataforma\">Desarrollo de la Plataforma<\/a><ul><li class=\"\"><a href=\"#framework-y-tecnologias-escogidas\">Framework y Tecnolog\u00edas Escogidas<\/a><\/li><li class=\"\"><a href=\"#registro-y-compra-de-credencial\">Registro y Compra de Credencial<\/a><ul><li class=\"\"><a href=\"#como-funciona-este-modulo-de-la-aplicacion-web\">\u00bfC\u00f3mo funciona este modulo de la aplicaci\u00f3n web? <\/a><\/li><li class=\"\"><a href=\"#registro-de-jugador\">Registro de Jugador<\/a><ul><li class=\"\"><a href=\"#paso-1-datos-personales\">Paso 1: Datos Personales<\/a><\/li><li class=\"\"><a href=\"#paso-2-direccion\">Paso 2: Direcci\u00f3n<\/a><\/li><li class=\"\"><a href=\"#paso-3-informacion-de-contacto\">Paso 3: Informaci\u00f3n de Contacto<\/a><\/li><li class=\"\"><a href=\"#paso-4-informacion-medica\">Paso 4: Informaci\u00f3n M\u00e9dica<\/a><\/li><li class=\"\"><a href=\"#paso-5-fotografia\">Paso 5: Fotograf\u00eda<\/a><\/li><li class=\"\"><a href=\"#paso-6-informacion-adicional\">Paso 6: Informaci\u00f3n Adicional<\/a><\/li><li class=\"\"><a href=\"#paso-7-consentimiento-y-firma\">Paso 7: Consentimiento y Firma<\/a><\/li><li class=\"\"><a href=\"#paso-8-que-pasa-despues-del-registro\">Paso 8: \u00bfQu\u00e9 pasa despu\u00e9s del Registro?<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"\"><a href=\"#codigo-qr-y-acceso-al-perfil\">C\u00f3digo QR y Acceso al Perfil<\/a><ul><li class=\"\"><a href=\"#como-funciona-este-modulo-de-la-aplicacion-web-1\">\u00bfC\u00f3mo funciona este modulo de la aplicaci\u00f3n web? <\/a><\/li><\/ul><\/li><li class=\"\"><a href=\"#perfil-del-jugador\">Perfil del Jugador<\/a><\/li><\/ul><\/li><li class=\"\"><a href=\"#conclusion\">Conclusi\u00f3n<\/a><ul><li class=\"\"><a href=\"#suscripcion-al-newsletter\">Suscripci\u00f3n al Newsletter<\/a><\/li><li class=\"\"><a href=\"#necesitas-un-hosting-para-tu-web\">\u00bfNecesitas un Hosting para tu Web?<\/a><\/li><li class=\"\"><a href=\"#necesitas-ayuda-con-un-proyecto-web-o-un-plugin-a-medida\">\u00bfNecesitas ayuda con un Proyecto Web o un Plugin a Medida?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"quien-es-federacion-mexicana-de-raquetbol\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfQui\u00e9n es Federaci\u00f3n Mexicana de Raquetbol?<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Son la voz del Raquetbol en M\u00e9xico, promoviendo la pasi\u00f3n por este deporte en todo el pa\u00eds. Su misi\u00f3n es fomentar el raquetbol y proporcionar a nuestros jugadores las herramientas necesarias para alcanzar su m\u00e1ximo potencial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"descripcion-del-proyecto\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Descripci\u00f3n del Proyecto<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En este art\u00edculo, exploraremos en profundidad el proceso de desarrollo de la plataforma en l\u00ednea para la Federaci\u00f3n Mexicana de Raquetbol. Esta plataforma no es solo un producto tecnol\u00f3gico avanzado; es una herramienta integral dise\u00f1ada para revolucionar y enriquecer la experiencia de los jugadores y aficionados del raquetbol en M\u00e9xico. Mi objetivo al desarrollar esta plataforma fue crear un sistema que no solo facilitara la participaci\u00f3n de los jugadores en el deporte, sino que tambi\u00e9n ofreciera una experiencia interactiva y enriquecedora para toda la comunidad del raquetbol.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El proyecto comenz\u00f3 con una fase exhaustiva de investigaci\u00f3n y planificaci\u00f3n. Durante este per\u00edodo, trabaj\u00e9 en estrecha colaboraci\u00f3n con la Federaci\u00f3n para comprender sus necesidades espec\u00edficas y las de sus miembros. Esta colaboraci\u00f3n fue clave para desarrollar una plataforma que no solo cumpliera con los requisitos t\u00e9cnicos, sino que tambi\u00e9n se alineara estrechamente con la misi\u00f3n y los valores de la Federaci\u00f3n. Adem\u00e1s, se realiz\u00f3 un an\u00e1lisis detallado del p\u00fablico objetivo para garantizar que la interfaz y la experiencia del usuario fueran intuitivas y accesibles para jugadores de todos los niveles, desde principiantes hasta profesionales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por \u00faltimo, pero no menos importante, se ha puesto un gran \u00e9nfasis en la seguridad y la privacidad. La plataforma cuenta con sistemas de seguridad de vanguardia para proteger la informaci\u00f3n personal y los datos de los jugadores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En resumen, el desarrollo de esta plataforma para la Federaci\u00f3n Mexicana de Raquetbol ha sido un proyecto desafiante y gratificante. No solo ha modernizado la forma en que se administra el deporte, sino que tambi\u00e9n ha creado una comunidad m\u00e1s unida y participativa en torno al raquetbol en M\u00e9xico. A trav\u00e9s de este proyecto, hemos establecido un nuevo est\u00e1ndar para la integraci\u00f3n de la tecnolog\u00eda en el deporte, ofreciendo una herramienta que es tanto funcional como inspiradora.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inicio-del-proyecto-identificando-necesidades\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Inicio del Proyecto: Identificando Necesidades<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El inicio de este proyecto marc\u00f3 una etapa crucial: la identificaci\u00f3n precisa de las necesidades de los jugadores y la determinaci\u00f3n de c\u00f3mo una plataforma digital podr\u00eda satisfacerlas de manera efectiva. A trav\u00e9s de un an\u00e1lisis minucioso de la documentaci\u00f3n y directrices proporcionadas por la Federaci\u00f3n Mexicana de Raquetbol, establecimos varios objetivos clave que la plataforma deber\u00eda lograr:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Simplificaci\u00f3n en la Compra de Credenciales:<\/strong> Anteriormente, el proceso de obtenci\u00f3n de credenciales para los jugadores se realizaba de forma manual, lo que resultaba en un procedimiento lento y propenso a errores. La plataforma propuesta deb\u00eda automatizar completamente la generaci\u00f3n y registro de los datos del jugador. Esta automatizaci\u00f3n incluir\u00eda una verificaci\u00f3n manual solo en casos espec\u00edficos, como pagos realizados en efectivo o transferencia. Adem\u00e1s, se incorporar\u00eda la opci\u00f3n de pago mediante tarjetas de cr\u00e9dito o d\u00e9bito para facilitar y agilizar las transacciones.<\/li>\n\n\n\n<li><strong>Interacci\u00f3n Avanzada Mediante C\u00f3digos QR:<\/strong> La inclusi\u00f3n de un c\u00f3digo QR en las credenciales impresas era un aspecto innovador. Al escanear estos c\u00f3digos, se mostrar\u00eda la informaci\u00f3n que el jugador eligiera hacer p\u00fablica durante el proceso de registro. Esta caracter\u00edstica no solo moderniza la interacci\u00f3n con las credenciales sino que tambi\u00e9n mejora la accesibilidad y distribuci\u00f3n de la informaci\u00f3n de los jugadores.<\/li>\n\n\n\n<li><strong>Gesti\u00f3n Eficiente de Perfiles de Jugadores:<\/strong> La plataforma permitir\u00eda a los jugadores inscribirse en la Federaci\u00f3n y a\u00f1adir detalles personales como una breve descripci\u00f3n, fecha de cumplea\u00f1os, pr\u00f3ximos eventos, y una biograf\u00eda. Tambi\u00e9n se podr\u00eda verificar la vigencia de su credencial para el a\u00f1o en curso. Este enfoque enriquecer\u00eda la experiencia del usuario, permitiendo una personalizaci\u00f3n y un control m\u00e1s profundos sobre la informaci\u00f3n que se comparte.<\/li>\n\n\n\n<li><strong>Env\u00edo Autom\u00e1tico de PDF para Impresi\u00f3n de Credenciales:<\/strong> Una vez que un jugador se registrara y completara el pago de su credencial a trav\u00e9s del sitio web, se automatizar\u00eda el env\u00edo de un correo electr\u00f3nico al administrador con los detalles de la compra. Este correo incluir\u00eda un enlace para descargar autom\u00e1ticamente el PDF de la credencial, listo para imprimir. Este proceso no solo agiliza la administraci\u00f3n sino que tambi\u00e9n asegura una mayor consistencia y calidad en la producci\u00f3n de las credenciales.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">El desarrollo de estas funcionalidades fue un desaf\u00edo que requer\u00eda una combinaci\u00f3n de innovaci\u00f3n tecnol\u00f3gica, comprensi\u00f3n profunda de las necesidades de los usuarios y un enfoque en la eficiencia y la accesibilidad. La plataforma resultante no solo cumple con estos requisitos sino que tambi\u00e9n establece un nuevo est\u00e1ndar en la gesti\u00f3n y participaci\u00f3n de los jugadores en el \u00e1mbito del raquetbol.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"desarrollo-de-la-plataforma\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Desarrollo de la Plataforma<\/span><\/strong><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"framework-y-tecnologias-escogidas\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Framework y Tecnolog\u00edas Escogidas<\/span><\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">En la fase de desarrollo de la plataforma, se tom\u00f3 una decisi\u00f3n estrat\u00e9gica sobre los frameworks y tecnolog\u00edas a utilizar, orientada a maximizar la eficiencia y la usabilidad. La elecci\u00f3n de las herramientas se bas\u00f3 en criterios como flexibilidad, integraci\u00f3n y facilidad de manejo, tanto para los desarrolladores como para los administradores finales del sitio.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WordPress:<\/strong> La selecci\u00f3n de WordPress como sistema de gesti\u00f3n de contenido fue un paso fundamental. Esta elecci\u00f3n se debi\u00f3 a la flexibilidad y robustez que ofrece WordPress, permitiendo una administraci\u00f3n sencilla y efectiva de los blogs y contenidos del sitio web. La capacidad de WordPress para manejar Publicaciones Personalizadas fue particularmente beneficiosa, ya que, en combinaci\u00f3n con su sistema de plantillas y el uso de Elementor, facilit\u00f3 la creaci\u00f3n de p\u00e1ginas personalizadas. Los administradores del sitio pod\u00edan generar p\u00e1ginas de manera eficiente, rellenando campos personalizados desde la interfaz de administraci\u00f3n de WordPress, sin necesidad de intervenci\u00f3n t\u00e9cnica adicional.<\/li>\n\n\n\n<li><strong>Elementor:<\/strong> La elecci\u00f3n de Elementor, un maquetador visual, se bas\u00f3 en consideraciones de tiempo y eficiencia. Frente a la opci\u00f3n de desarrollar un tema desde cero, Elementor ofreci\u00f3 una soluci\u00f3n r\u00e1pida y altamente compatible con los requisitos del proyecto. Su excelente integraci\u00f3n con Advanced Custom Fields fue crucial para cumplir con los plazos de entrega y los requisitos espec\u00edficos del proyecto.<\/li>\n\n\n\n<li><strong>Advanced Custom Fields (ACF):<\/strong> La implementaci\u00f3n de Advanced Custom Fields jug\u00f3 un papel clave en la personalizaci\u00f3n del sitio. ACF permiti\u00f3 agregar campos personalizados, como el color de la p\u00e1gina, im\u00e1genes de fondo y textos, proporcionando a los administradores la flexibilidad de crear p\u00e1ginas espec\u00edficas, como las de fraccionamientos, sin necesidad de programaci\u00f3n adicional.<\/li>\n\n\n\n<li><strong>Gravity Forms:<\/strong> Esta herramienta fue elegida espec\u00edficamente para manejar los formularios de registro y la compra de credenciales. Gravity Forms es conocido por su versatilidad y capacidad de integraci\u00f3n, lo que lo hace ideal para crear formularios complejos y personalizables. En nuestro caso, se utiliz\u00f3 para dise\u00f1ar el proceso de registro de los jugadores, asegurando que la captura de datos fuera intuitiva y eficiente. Adem\u00e1s, la integraci\u00f3n de Gravity Forms con extensiones de Stripe fue un factor clave para facilitar las transacciones en l\u00ednea. Esta integraci\u00f3n permiti\u00f3 a los jugadores realizar pagos seguros directamente a trav\u00e9s de la plataforma, utilizando tanto tarjetas de cr\u00e9dito como d\u00e9bito. Esta funcionalidad no solo mejor\u00f3 la experiencia del usuario al simplificar el proceso de compra, sino que tambi\u00e9n aument\u00f3 la seguridad y fiabilidad de las transacciones financieras en la plataforma.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s de estas herramientas, se implementaron tecnolog\u00edas adicionales como PHP y JavaScript para desarrollar funciones personalizadas, asegurando que la plataforma no solo cumpliera con las necesidades actuales de la Federaci\u00f3n y sus usuarios, sino que tambi\u00e9n tuviera la capacidad de adaptarse y evolucionar en el futuro. La incorporaci\u00f3n de Gravity Forms, junto con WordPress, Elementor y Advanced Custom Fields, cre\u00f3 un ecosistema tecnol\u00f3gico robusto y cohesivo. Esta combinaci\u00f3n permiti\u00f3 un desarrollo eficiente y una experiencia de usuario optimizada, facilitando la gesti\u00f3n de contenidos, la personalizaci\u00f3n de la interfaz, la recopilaci\u00f3n de datos y la ejecuci\u00f3n de transacciones seguras. Estas herramientas, trabajando en conjunto, formaron la columna vertebral de la plataforma, proporcionando una soluci\u00f3n integral que aborda todas las facetas del proyecto de renovaci\u00f3n para la Federaci\u00f3n Mexicana de Raquetbol.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"registro-y-compra-de-credencial\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Registro<strong> y Compra de Credencial<\/strong><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">El m\u00f3dulo de registro y compra de credenciales es un componente fundamental de la plataforma, dise\u00f1ado para proporcionar una experiencia de usuario fluida y segura. Para su desarrollo, se combinaron las capacidades avanzadas de Gravity Forms con c\u00f3digo personalizado, aprovechando la extensa gama de extensiones e integraciones que ofrece Gravity Forms, especialmente en lo que respecta a pasarelas de pago.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"como-funciona-este-modulo-de-la-aplicacion-web\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo funciona este modulo de la aplicaci\u00f3n web? <\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">El proceso de registro y compra de la credencial se ha simplificado intencionalmente para asegurar la accesibilidad y facilidad de uso. A continuaci\u00f3n, se detallan los pasos que el usuario debe seguir:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Acceso a la P\u00e1gina de Registro:<\/strong> El usuario inicia el proceso dirigi\u00e9ndose a la p\u00e1gina espec\u00edfica de registro en la plataforma. Esta p\u00e1gina ha sido dise\u00f1ada para ser intuitiva y f\u00e1cil de navegar, asegurando que incluso los usuarios con poca experiencia en l\u00ednea puedan completar el proceso sin dificultades.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1849\" height=\"895\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-94.png\" alt=\"\" class=\"wp-image-2811\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-94.png 1849w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-94-600x290.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-94-300x145.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-94-1024x496.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-94-768x372.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-94-1536x743.png 1536w\" sizes=\"(max-width: 1849px) 100vw, 1849px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que el usuario haya dado clic sobre este men\u00fa aparecer\u00e1 una pantalla como la siguiente:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"1849\" height=\"901\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-95.png\" alt=\"\" class=\"wp-image-2812\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-95.png 1849w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-95-600x292.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-95-300x146.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-95-1024x499.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-95-768x374.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-95-1536x748.png 1536w\" sizes=\"(max-width: 1849px) 100vw, 1849px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Acceso a la P\u00e1gina de Registro:<\/strong> El usuario inicia el proceso dirigi\u00e9ndose a la p\u00e1gina espec\u00edfica de registro en la plataforma. Esta p\u00e1gina ha sido dise\u00f1ada para ser intuitiva y f\u00e1cil de navegar, asegurando que incluso los usuarios con poca experiencia en l\u00ednea puedan completar el proceso sin dificultades.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1847\" height=\"900\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-96.png\" alt=\"\" class=\"wp-image-2813\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-96.png 1847w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-96-600x292.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-96-300x146.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-96-1024x499.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-96-768x374.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-96-1536x748.png 1536w\" sizes=\"(max-width: 1847px) 100vw, 1847px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"registro-de-jugador\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Registro de Jugador<\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Para que el usuario pueda registrarse y obtener su credencial, es esencial que complete el proceso de registro de manera precisa y completa. A continuaci\u00f3n, te guio a trav\u00e9s de los campos creados para que el jugador pueda registrarse como jugador en la Federaci\u00f3n Mexicana de Raquetbol:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"222\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-97-1024x222.png\" alt=\"\" class=\"wp-image-2822\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-97-1024x222.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-97-600x130.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-97-300x65.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-97-768x166.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-97.png 1122w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-1-datos-personales\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 1: Datos Personales<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre (Nombre(s)): Escribe tu(s) nombre(s) completos.<\/li>\n\n\n\n<li>Nombre (Apellido Paterno): Proporciona tu apellido paterno.<\/li>\n\n\n\n<li>Nombre (Apellido Materno): Indica tu apellido materno (si aplica).<\/li>\n\n\n\n<li>Fecha de Nacimiento: Introduce tu fecha de nacimiento en el formato DD\/MM\/AAAA.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-98-1024x635.png\" alt=\"\" class=\"wp-image-2823\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-98-1024x635.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-98-600x372.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-98-300x186.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-98-768x476.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-98.png 1131w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-2-direccion\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 2: Direcci\u00f3n<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Direcci\u00f3n (Calle): Ingresa el nombre de tu calle y n\u00famero.<\/li>\n\n\n\n<li>Direcci\u00f3n (Address Line 2): Si es necesario, proporciona informaci\u00f3n adicional sobre tu direcci\u00f3n.<\/li>\n\n\n\n<li>Direcci\u00f3n (Ciudad): Indica la ciudad en la que resides.<\/li>\n\n\n\n<li>Direcci\u00f3n (Estado): Selecciona tu estado o provincia.<\/li>\n\n\n\n<li>Direcci\u00f3n (C\u00f3digo Postal): Proporciona tu c\u00f3digo postal.<\/li>\n\n\n\n<li>Direcci\u00f3n (Pa\u00eds): Selecciona tu pa\u00eds de residencia.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"247\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-99-1024x247.png\" alt=\"\" class=\"wp-image-2824\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-99-1024x247.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-99-600x145.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-99-300x72.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-99-768x186.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-99.png 1134w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-3-informacion-de-contacto\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 3: Informaci\u00f3n de Contacto<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tel\u00e9fono: Ingresa tu n\u00famero de tel\u00e9fono principal.<\/li>\n\n\n\n<li>Tel\u00e9fono de Casa: Si aplica, proporciona el n\u00famero de tel\u00e9fono de tu casa.<\/li>\n\n\n\n<li>Tel\u00e9fono de Trabajo: Si aplica, proporciona el n\u00famero de tel\u00e9fono de tu lugar de trabajo.<\/li>\n\n\n\n<li>Correo Electr\u00f3nico: Introduce tu direcci\u00f3n de correo electr\u00f3nico v\u00e1lida.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"622\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-100.png\" alt=\"\" class=\"wp-image-2825\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-100.png 1138w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-100-600x328.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-100-300x164.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-100-1024x560.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-100-768x420.png 768w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-4-informacion-medica\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 4: Informaci\u00f3n M\u00e9dica<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tipo de Sangre: Selecciona tu tipo de sangre.<\/li>\n\n\n\n<li>\u00bfEres Donador de \u00d3rganos?: Indica si eres donador de \u00f3rganos (S\u00ed\/No).<\/li>\n\n\n\n<li>\u00bfEres Al\u00e9rgico a Alg\u00fan Medicamento, Cosa, etc.?: Responde si tienes alguna alergia.<\/li>\n\n\n\n<li>Soy Al\u00e9rgico a: Detalla a qu\u00e9 eres al\u00e9rgico (si aplica).<\/li>\n\n\n\n<li>\u00bfCuentas con P\u00f3liza de Gastos M\u00e9dicos?: Indica si cuentas con una p\u00f3liza de gastos m\u00e9dicos (S\u00ed\/No).<\/li>\n\n\n\n<li>N\u00famero de P\u00f3liza: Proporciona el n\u00famero de tu p\u00f3liza, si aplica.<\/li>\n\n\n\n<li>Compa\u00f1\u00eda: Indica la compa\u00f1\u00eda de seguros, si aplica.<\/li>\n\n\n\n<li>N\u00famero de Seguro Social: Proporciona tu n\u00famero de seguro social (si lo tienes).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular\"><div class=\"tiled-gallery__gallery\"><div class=\"tiled-gallery__row\"><div class=\"tiled-gallery__col\" style=\"flex-basis:63.82058%\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" alt=\"\" data-height=\"751\" data-id=\"2826\" data-link=\"http:\/\/racmanuel.dev\/?attachment_id=2826\" data-url=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-101.png\" data-width=\"1023\" src=\"https:\/\/i1.wp.com\/racmanuel.dev\/wp-content\/uploads\/image-101.png?ssl=1\" data-amp-layout=\"responsive\" title=\"\"><\/figure><figure class=\"tiled-gallery__item\"><img decoding=\"async\" alt=\"\" data-height=\"936\" data-id=\"2827\" data-link=\"http:\/\/racmanuel.dev\/?attachment_id=2827\" data-url=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-102-1024x519.png\" data-width=\"1848\" src=\"https:\/\/i1.wp.com\/racmanuel.dev\/wp-content\/uploads\/image-102-1024x519.png?ssl=1\" data-amp-layout=\"responsive\" title=\"\"><\/figure><\/div><div class=\"tiled-gallery__col\" style=\"flex-basis:36.17942%\"><figure class=\"tiled-gallery__item\"><img decoding=\"async\" alt=\"\" data-height=\"1600\" data-id=\"2830\" data-link=\"http:\/\/racmanuel.dev\/?attachment_id=2830\" data-url=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Imagen-de-WhatsApp-2023-11-23-a-las-12.53.11_544f29fd-461x1024.jpg\" data-width=\"720\" src=\"https:\/\/i1.wp.com\/racmanuel.dev\/wp-content\/uploads\/Imagen-de-WhatsApp-2023-11-23-a-las-12.53.11_544f29fd-461x1024.jpg?ssl=1\" data-amp-layout=\"responsive\" title=\"\"><\/figure><\/div><\/div><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-5-fotografia\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 5: Fotograf\u00eda<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sube una fotograf\u00eda tuya que servir\u00e1 para tu perfil.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En esta secci\u00f3n dedicada al proceso de subida de im\u00e1genes en el formulario, se implement\u00f3 una caracter\u00edstica innovadora y pr\u00e1ctica para mejorar la experiencia del usuario y asegurar la calidad de las im\u00e1genes subidas para las credenciales. Esta funcionalidad se dise\u00f1\u00f3 teniendo en cuenta las variadas formas en que los usuarios podr\u00edan cargar sus fotos, ya sea utilizando la c\u00e1mara de su tel\u00e9fono m\u00f3vil o su webcam.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La caracter\u00edstica especial de este formulario es su capacidad para manejar im\u00e1genes que excedan las dimensiones requeridas para las credenciales. Aqu\u00ed se describen los pasos y el funcionamiento general:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Subida de la Imagen:<\/strong> Los usuarios comienzan subiendo su imagen directamente en el formulario. Pueden optar por tomar una foto en ese momento usando la c\u00e1mara de su dispositivo o subir una imagen existente desde su almacenamiento.<\/li>\n\n\n\n<li><strong>Verificaci\u00f3n de Dimensiones:<\/strong> Una vez que la imagen se sube al formulario, el sistema autom\u00e1ticamente verifica si las dimensiones de la imagen cumplen con los criterios establecidos para las credenciales.<\/li>\n\n\n\n<li><strong>Interfaz de Recorte de Imagen:<\/strong> Si la imagen excede las dimensiones permitidas, el usuario es llevado a una pantalla de recorte. Esta pantalla est\u00e1 dise\u00f1ada para ser intuitiva y f\u00e1cil de usar, permitiendo al usuario ajustar y recortar su imagen para que cumpla con los requisitos de tama\u00f1o y formato de la credencial.<\/li>\n\n\n\n<li><strong>Visualizaci\u00f3n en Diferentes Dispositivos:<\/strong> La caracter\u00edstica de recorte de imagen es accesible y funcional tanto en dispositivos m\u00f3viles como en computadoras. Esto asegura que todos los usuarios, independientemente del dispositivo que utilicen, puedan ajustar sus im\u00e1genes adecuadamente.<\/li>\n\n\n\n<li><strong>Resultados Finales:<\/strong> Las im\u00e1genes ajustadas y recortadas se integran luego en el sistema para ser utilizadas en las credenciales, garantizando que las fotos de los usuarios se presenten de manera clara y profesional en su documentaci\u00f3n oficial.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"1280\" style=\"aspect-ratio: 576 \/ 1280;\" width=\"576\" autoplay controls muted src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/FMR_Recorte_Credencial.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Esta funcionalidad no solo mejora la calidad de las im\u00e1genes utilizadas en las credenciales, sino que tambi\u00e9n mejora significativamente la experiencia del usuario, ofreciendo un proceso simple y eficiente para asegurar que sus fotos cumplan con los est\u00e1ndares requeridos. La inclusi\u00f3n de capturas de pantalla de c\u00f3mo se ve esta caracter\u00edstica en diferentes dispositivos proporciona una visi\u00f3n clara y pr\u00e1ctica de su funcionamiento y usabilidad.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"659\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-103.png\" alt=\"\" class=\"wp-image-2832\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-103.png 1018w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-103-600x388.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-103-300x194.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-103-768x497.png 768w\" sizes=\"(max-width: 1018px) 100vw, 1018px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-6-informacion-adicional\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 6: Informaci\u00f3n Adicional<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nombre o Nickname: Escribe tu nombre o apodo.<\/li>\n\n\n\n<li>Descripci\u00f3n del Jugador: Agrega una breve descripci\u00f3n personal (opcional).<\/li>\n\n\n\n<li>Nombre del Contacto para Emergencias (Nombre(s)): Proporciona el nombre completo del contacto de emergencias.<\/li>\n\n\n\n<li>Nombre del Contacto para Emergencias (Apellido Paterno): Indica el apellido paterno del contacto de emergencias.<\/li>\n\n\n\n<li>Nombre del Contacto para Emergencias (Apellido Materno): Proporciona el apellido materno del contacto de emergencias.<\/li>\n\n\n\n<li>Parentesco con el Contacto de Emergencias: Indica la relaci\u00f3n que tienes con el contacto de emergencias.<\/li>\n\n\n\n<li>Tel\u00e9fono del Contacto de Emergencias: Proporciona el n\u00famero de tel\u00e9fono del contacto de emergencias.<\/li>\n\n\n\n<li>Tel\u00e9fono de Casa del Contacto de Emergencias: Si aplica, proporciona el n\u00famero de tel\u00e9fono de casa del contacto de emergencias.<\/li>\n\n\n\n<li>Tel\u00e9fono de Trabajo del Contacto de Emergencias: Si aplica, proporciona el n\u00famero de tel\u00e9fono de trabajo del contacto de emergencias.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-104.png\" alt=\"\" class=\"wp-image-2833\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-104.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-104-600x420.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-104-300x210.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-104-768x537.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"408\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-105-1024x408.png\" alt=\"\" class=\"wp-image-2834\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-105-1024x408.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-105-600x239.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-105-300x119.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-105-768x306.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-105.png 1030w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-107-1024x435.png\" alt=\"\" class=\"wp-image-2836\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-107-1024x435.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-107-600x255.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-107-300x127.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-107-768x326.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-107.png 1039w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-7-consentimiento-y-firma\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 7: Consentimiento y Firma<\/span><\/strong><\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aviso de Privacidad (Consent): Lee y acepta el aviso de privacidad.<\/li>\n\n\n\n<li>Aviso de Privacidad (Text): Confirma tu consentimiento para el tratamiento de tus datos personales.<\/li>\n\n\n\n<li>Aviso de Privacidad (Description): Lee la descripci\u00f3n del aviso de privacidad para entender c\u00f3mo se usar\u00e1n tus datos.<\/li>\n\n\n\n<li>Firma: Firma electr\u00f3nicamente como confirmaci\u00f3n de tu consentimiento y aceptaci\u00f3n de los t\u00e9rminos y condiciones.<\/li>\n<\/ul>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"paso-8-que-pasa-despues-del-registro\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Paso 8: \u00bfQu\u00e9 pasa despu\u00e9s del Registro?<\/span><\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que el jugador haya completado todos los campos requeridos en el formulario de registro, el siguiente paso crucial es el proceso de pago de la credencial. Este procedimiento se ha dise\u00f1ado para ser seguro, eficiente y accesible, con el fin de facilitar a los jugadores la finalizaci\u00f3n de su inscripci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed se detallan las etapas del proceso de pago:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Verificaci\u00f3n de Datos del Formulario:<\/strong> Antes de proceder al pago, se realiza una verificaci\u00f3n autom\u00e1tica para asegurarse de que todos los campos requeridos han sido completados correctamente. Esto incluye la verificaci\u00f3n de la informaci\u00f3n personal del jugador, detalles de contacto y cualquier otro dato relevante para la emisi\u00f3n de la credencial.<\/li>\n\n\n\n<li><strong>Selecci\u00f3n de M\u00e9todo de Pago:<\/strong> Tras la verificaci\u00f3n, el jugador es dirigido a la secci\u00f3n de pago. Aqu\u00ed, se le presentan m\u00faltiples opciones para realizar el pago de su credencial.<\/li>\n\n\n\n<li><strong>Opciones de Pago con Tarjeta de Cr\u00e9dito o D\u00e9bito:<\/strong> Una de las caracter\u00edsticas clave de este proceso es la capacidad de realizar pagos utilizando tarjetas de cr\u00e9dito o d\u00e9bito. Esta opci\u00f3n es particularmente conveniente, ya que ofrece a los jugadores una forma r\u00e1pida y segura de completar la transacci\u00f3n.<\/li>\n\n\n\n<li><strong>Integraci\u00f3n de Pasarelas de Pago Seguras:<\/strong> Para garantizar la seguridad y confiabilidad de las transacciones, la plataforma integra pasarelas de pago seguras y confiables. Esta integraci\u00f3n permite el procesamiento de pagos con tarjeta de manera eficiente, manteniendo la seguridad de los datos financieros de los usuarios.<\/li>\n\n\n\n<li><strong>Confirmaci\u00f3n y Recepci\u00f3n de la Credencial:<\/strong> Una vez que el pago se ha procesado con \u00e9xito, el jugador recibe una confirmaci\u00f3n de la transacci\u00f3n. Posteriormente, se inicia el proceso de emisi\u00f3n de la credencial, que ser\u00e1 enviada al jugador de acuerdo a los t\u00e9rminos establecidos por la Federaci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1022\" height=\"708\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-108.png\" alt=\"\" class=\"wp-image-2837\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-108.png 1022w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-108-600x416.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-108-300x208.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-108-768x532.png 768w\" sizes=\"(max-width: 1022px) 100vw, 1022px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tras completar los campos requeridos en el formulario de registro, el jugador dispone de otras opciones de pago para adquirir su credencial, adem\u00e1s de las tarjetas de cr\u00e9dito o d\u00e9bito. Estas opciones adicionales son la transferencia bancaria y el pago en efectivo, ambas dise\u00f1adas para ofrecer mayor flexibilidad y comodidad a los usuarios que prefieren m\u00e9todos de pago tradicionales o no tienen acceso a pagos electr\u00f3nicos.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-109-1024x788.png\" alt=\"\" class=\"wp-image-2838\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-109-1024x788.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-109-600x461.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-109-300x231.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-109-768x591.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-109.png 1048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"541\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-110.png\" alt=\"\" class=\"wp-image-2839\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-110.png 1014w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-110-600x320.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-110-300x160.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-110-768x410.png 768w\" sizes=\"(max-width: 1014px) 100vw, 1014px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que el jugador completa el proceso de pago, alcanza un hito importante al registrarse oficialmente en la Federaci\u00f3n Mexicana de Raquetbol. Este paso no solo confirma su membres\u00eda, sino que tambi\u00e9n inicia un procedimiento eficiente y automatizado para la emisi\u00f3n de su credencial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tras el pago, se genera autom\u00e1ticamente un archivo PDF que contiene los detalles de registro del jugador. Este archivo se env\u00eda de inmediato v\u00eda correo electr\u00f3nico al administrador de la p\u00e1gina web de la Federaci\u00f3n, junto con un enlace para la descarga e impresi\u00f3n directa de la credencial. Este proceso est\u00e1 dise\u00f1ado para ser r\u00e1pido y sin complicaciones, asegurando que la credencial refleje la profesionalidad de la Federaci\u00f3n y el estatus del jugador dentro de la misma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El enlace proporcionado al administrador facilita la impresi\u00f3n de la credencial, destacando la eficiencia y la calidad del sistema. Una vez impresa, la credencial se prepara para su entrega al jugador, marcando la finalizaci\u00f3n de su incorporaci\u00f3n oficial en la Federaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este flujo de trabajo no solo optimiza la eficiencia administrativa sino que tambi\u00e9n mejora la experiencia del jugador, demostrando el compromiso de la Federaci\u00f3n con la innovaci\u00f3n y un servicio de alta calidad.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"763\" height=\"670\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-111.png\" alt=\"\" class=\"wp-image-2840\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-111.png 763w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-111-600x527.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-111-300x263.png 300w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"codigo-qr-y-acceso-al-perfil\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">C\u00f3digo QR y Acceso al Perfil<\/span><\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Cada credencial f\u00edsica tiene un c\u00f3digo QR \u00fanico, este C\u00f3digo QR interactivo te brinda una experiencia personalizada y r\u00e1pida al interactuar con la aplicaci\u00f3n en l\u00ednea. A continuaci\u00f3n, te explico c\u00f3mo funciona: Al escanear el c\u00f3digo QR, te lleva al Perfil del jugador directamente , donde puede puede ver su informaci\u00f3n personal y deportiva, de acuerdo al los datos que brindo y registro al inicio del formulario.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"502\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-112-1024x502.png\" alt=\"\" class=\"wp-image-2841\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-112-1024x502.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-112-600x294.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-112-300x147.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-112-768x377.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-112-1536x753.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-112.png 1866w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"como-funciona-este-modulo-de-la-aplicacion-web-1\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">\u00bfC\u00f3mo funciona este modulo de la aplicaci\u00f3n web? <\/span><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando se escanea el c\u00f3digo QR en la credencial del jugador, se inicia un proceso en el backend, desarrollado en PHP, que facilita una interacci\u00f3n din\u00e1mica y segura con la informaci\u00f3n del jugador. Este c\u00f3digo QR, un elemento clave en cada credencial, act\u00faa como un enlace directo a los datos del jugador almacenados en la base de datos de la Federaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ejemplo de Escaneo:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1280\" style=\"aspect-ratio: 576 \/ 1280;\" width=\"576\" autoplay controls muted src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/Video-de-Escaneo-de-QR.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Al utilizar un dispositivo m\u00f3vil para escanear el c\u00f3digo QR, se desencadena autom\u00e1ticamente la apertura del navegador de internet, llevando al usuario a una p\u00e1gina espec\u00edfica. Esta p\u00e1gina, alimentada por el backend en PHP, muestra la informaci\u00f3n que el jugador introdujo durante su proceso de registro. Es esencial destacar que la privacidad del jugador es una prioridad: solo se muestra la informaci\u00f3n que el jugador opt\u00f3 por compartir p\u00fablicamente al registrarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta funcionalidad no solo proporciona un acceso r\u00e1pido y eficiente a la informaci\u00f3n de los jugadores, sino que tambi\u00e9n subraya el compromiso de la Federaci\u00f3n con la protecci\u00f3n de la privacidad. La autonom\u00eda del jugador en la gesti\u00f3n de sus propios datos es un componente fundamental de este sistema, lo que refleja la dedicaci\u00f3n de la Federaci\u00f3n a mantener est\u00e1ndares elevados de seguridad y privacidad de datos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"perfil-del-jugador\"><strong><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Perfil del Jugador<\/span><\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"http:\/\/racmanuel.dev\/wp-content\/uploads\/image-114-1024x508.png\" alt=\"\" class=\"wp-image-2847\" title=\"\" srcset=\"https:\/\/racmanuel.dev\/wp-content\/uploads\/image-114-1024x508.png 1024w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-114-600x298.png 600w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-114-300x149.png 300w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-114-768x381.png 768w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-114-1536x763.png 1536w, https:\/\/racmanuel.dev\/wp-content\/uploads\/image-114.png 1841w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">La gesti\u00f3n eficiente del perfil de cada jugador fue un elemento central en el desarrollo de la plataforma. Me enfoqu\u00e9 en garantizar que los jugadores tuvieran acceso f\u00e1cil y directo a su informaci\u00f3n personal, su historial deportivo y los eventos en los que est\u00e1n inscritos. Para ello, se implementaron interfaces intuitivas y sistemas de navegaci\u00f3n claros que permiten a los jugadores revisar y gestionar sus datos con facilidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, se incorpor\u00f3 una funcionalidad clave: un sistema de verificaci\u00f3n de la vigencia de las credenciales. Esta herramienta es esencial para los jugadores, ya que les permite comprobar r\u00e1pidamente el estado actual de su credencial. Un mensaje claro y visible en el perfil indica si la credencial est\u00e1 vigente para el a\u00f1o en curso. Esta verificaci\u00f3n es crucial, ya que la credencial no solo sirve como identificaci\u00f3n, sino que tambi\u00e9n es requerida para acceder a torneos y utilizar instalaciones deportivas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La inclusi\u00f3n de esta caracter\u00edstica de verificaci\u00f3n de la vigencia de las credenciales en el perfil del jugador refuerza la funcionalidad y el valor de la plataforma. Garantiza que los jugadores est\u00e9n siempre informados sobre el estado de su membres\u00eda, permiti\u00e9ndoles participar en actividades de la Federaci\u00f3n sin inconvenientes y acceder a los recursos disponibles. Este enfoque centrado en el usuario subraya el compromiso con una experiencia de usuario fluida y una gesti\u00f3n eficaz de los miembros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"conclusion\"><span style=\"color: var(--theme-palette-color-2, #25ff00);\" class=\"stk-highlight\">Conclusi\u00f3n<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La conclusi\u00f3n del proyecto de desarrollo web para la Federaci\u00f3n Mexicana de Raquetbol refleja un logro significativo en la integraci\u00f3n de tecnolog\u00eda avanzada con las necesidades espec\u00edficas del deporte y sus participantes. Este proyecto no solo ha modernizado la forma en que los jugadores interact\u00faan con la Federaci\u00f3n, sino que tambi\u00e9n ha mejorado significativamente la eficiencia y accesibilidad de los procesos clave.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aspectos destacados del proyecto:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Automatizaci\u00f3n y Facilidad de Uso:<\/strong> La implementaci\u00f3n de sistemas como Gravity Forms y la integraci\u00f3n con WordPress y Elementor han permitido una gesti\u00f3n fluida y automatizada de procesos como el registro de jugadores, la emisi\u00f3n de credenciales y la gesti\u00f3n de perfiles.<\/li>\n\n\n\n<li><strong>Mejora en la Interacci\u00f3n y Accesibilidad:<\/strong> Caracter\u00edsticas como el escaneo de c\u00f3digos QR y la verificaci\u00f3n de la vigencia de las credenciales han facilitado a los jugadores el acceso a su informaci\u00f3n y participaci\u00f3n en eventos, mejorando su experiencia general.<\/li>\n\n\n\n<li><strong>Seguridad y Privacidad de Datos:<\/strong> El proyecto ha dado especial importancia a la seguridad y privacidad de los datos de los jugadores, implementando sistemas robustos para proteger su informaci\u00f3n.<\/li>\n\n\n\n<li><strong>Impacto en la Comunidad de Raquetbol:<\/strong> La plataforma ha tenido un impacto positivo en la comunidad de raquetbol en M\u00e9xico, facilitando la interacci\u00f3n entre jugadores, organizadores y la Federaci\u00f3n, y contribuyendo a un crecimiento y participaci\u00f3n m\u00e1s amplios en el deporte.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">En resumen, este proyecto ha establecido un nuevo est\u00e1ndar en la gesti\u00f3n deportiva a trav\u00e9s de soluciones digitales. Ha demostrado c\u00f3mo la tecnolog\u00eda puede ser utilizada para mejorar la experiencia de los usuarios, optimizar la administraci\u00f3n y promover el desarrollo y crecimiento de un deporte. La Federaci\u00f3n Mexicana de Raquetbol ahora cuenta con una herramienta poderosa que no solo satisface sus necesidades actuales, sino que tambi\u00e9n tiene el potencial de adaptarse y evolucionar con el deporte en el futuro.<\/p>\n\n\n<style><\/style><style><\/style>\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading has-large-font-size\" id=\"necesitas-ayuda-con-un-proyecto-web\">Do you need help with a web project?<\/h4>\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<div class=\"wp-block-groundhogg-forms\">\n\t<div class=\"gh-form-wrapper\"><form method=\"post\" class=\"gh-form gh-form-v2\" target=\"_parent\" enctype=\"multipart\/form-data\" name=\"Formulario de Contacto\" id=\"gh-form-24\" data-id=\"24\" action=\"\"><div class=\"gh-form-fields\"><div class=\"gh-form-column col-1-of-2\"><label for=\"first_name\">Name <span class=\"required\">*<\/span><\/label><div class=\"gh-form-input-field\"><input type=\"text\" name=\"first_name\" id=\"first_name\" class=\"gh-input gh-first-name\" value=\"\" required><\/div><\/div><div class=\"gh-form-column col-1-of-2\"><label for=\"last_name\">Last name(s) <span class=\"required\">*<\/span><\/label><div class=\"gh-form-input-field\"><input type=\"text\" name=\"last_name\" id=\"last_name\" class=\"gh-input gh-last-name\" value=\"\" required><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><label for=\"email\">Email <span class=\"required\">*<\/span><\/label><div class=\"gh-form-input-field\"><input type=\"email\" name=\"email\" id=\"email\" class=\"gh-input gh-email\" value=\"\" required><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><label for=\"primary_phone\">Phone or WhatsApp <span class=\"required\">*<\/span><\/label><div class=\"gh-form-input-field\"><input type=\"tel\" name=\"primary_phone\" id=\"primary_phone\" class=\"gh-input\" value=\"\" required><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><label for=\"nombre_de_tu_negocio_o_empresa\">Name of your Business or Company<\/label><div class=\"gh-form-input-field\"><input type=\"text\" name=\"nombre_de_tu_negocio_o_empresa\" id=\"nombre_de_tu_negocio_o_empresa\" class=\"gh-input\" value=\"\"\/><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><label for=\"link_de_tu_pagina_web\">Link to your website<\/label><div class=\"gh-form-input-field\"><input type=\"url\" name=\"link_de_tu_pagina_web\" id=\"link_de_tu_pagina_web\" class=\"gh-input\" value=\"\" placeholder=\"If your business or company has a website, enter the link here.\"\/><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><label for=\"question_type\">What kind of question do you have? <span class=\"required\">*<\/span><\/label><div class=\"gh-form-input-field\"><select name=\"question_type\" id=\"question_type\" class=\"gh-input\" required><option value=\"Cotizaci\u00f3n\">Price<\/option><option value=\"General\">General<\/option><option value=\"Soporte\">Medium<\/option><\/select><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><label for=\"message\">Ask <span class=\"required\">*<\/span><\/label><div class=\"gh-form-input-field\"><textarea name=\"message\" id=\"message\" class=\"gh-input\" rows=\"7\" placeholder=\"Your question or doubt...\" type=\"text\" required><\/textarea><\/div><\/div><div class=\"gh-form-column col-1-of-1\"><div class=\"consent gh-gdpr\" id=\"gdpr_consent\"><div ><label class=\"gh-checkbox-label\"><input type=\"checkbox\" name=\"data_processing_consent\" id=\"data-processing-consent\" class=\"\" value=\"yes\" required><span class=\"checkbox-label\">I agree to racmanuel.dev&#8217;s storage and processing of my personal data. <span class=\"required\">*<\/span><\/span><\/label><\/div><div ><label class=\"gh-checkbox-label\"><input type=\"checkbox\" name=\"marketing_consent\" id=\"marketing-consent\" class=\"\" value=\"yes\"\/><span class=\"checkbox-label\">I agree to receive marketing offers and updates from racmanuel.dev.<\/span><\/label><\/div><\/div><\/div><div class=\"gh-form-column col-1-of-3\"><button type=\"submit\" class=\"gh-submit gh-button primary\" value=\"\">Get in touch!<\/button><\/div><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div><\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Descubre c\u00f3mo la Federaci\u00f3n Mexicana de Raquetbol ha revolucionado su presencia digital y la interacci\u00f3n con sus jugadores a trav\u00e9s de nuestro \u00faltimo proyecto web. Este art\u00edculo detalla la creaci\u00f3n de una plataforma integral que no solo simplifica los procesos de registro y gesti\u00f3n de perfiles, sino que tambi\u00e9n eleva la experiencia del jugador al integrar tecnolog\u00edas avanzadas como Gravity Forms, c\u00f3digos QR y sistemas de seguridad robustos. Aprende sobre las soluciones innovadoras que est\u00e1n marcando la diferencia en el mundo del raquetbol, y c\u00f3mo la tecnolog\u00eda est\u00e1 transformando la administraci\u00f3n deportiva en M\u00e9xico. \u00a1Un caso de estudio imprescindible para entusiastas del deporte y profesionales de la tecnolog\u00eda por igual!<\/p>","protected":false},"author":1,"featured_media":2851,"parent":0,"template":"","tipo":[7],"class_list":["post-2797","proyectos","type-proyectos","status-publish","has-post-thumbnail","hentry","tipo-pagina-web"],"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\/2797","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":22,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/2797\/revisions"}],"predecessor-version":[{"id":2852,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/proyectos\/2797\/revisions\/2852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media\/2851"}],"wp:attachment":[{"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/media?parent=2797"}],"wp:term":[{"taxonomy":"tipo","embeddable":true,"href":"https:\/\/racmanuel.dev\/en\/wp-json\/wp\/v2\/tipo?post=2797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}