Sponsored Links
Tutoriales Realizar formularios en Joomla con Facile Forms | Realizar formularios en Joomla con Facile Forms |
|
|
|
|
Navegando por la web, encontre un excelente tutorial de como crear formularios para Joomla!, con el componente Facile Forms. Muchas veces nos encontramos con la necesidad de programar formularios para nuestro sitio web, o por ejemplo de cambiar el formulario de contactos, o agregarle lineas. Joomla! tiene varios componentes para esto, como el Fabrik, Facile Forms, y otros. Estos componente no son muy simples de usar y existen pocos tutoriales o manuales en español que nos expliquen como utilizar estos magnificos componentes que nos dan grandes posibilidades para crear en nuestra Web. Navegando por distintos sitios buscando nuevas cosas para Joomla!, encontre este tutorial muy bien explicado sobre el componente Facile Forms.
Este tutorial fue tomado de la web de Ramon Castro http://ramoncastro.es
Facile Forms facilita enormemente la creación de formularios en Joomla, lo que ayuda a personalizar el sitio web adaptándolo de esta manera a nuestras necesidades. A continuación explicaremos brevemente cómo usar esta solución en nuestro portal Joomla. INSTALANDO FACILE FORMS Descargaremos del sitio http://www.facileforms.biz/ el componente, el módulo, el mambot y la traducción al castellano. Todo está disponible en la sección Downloads Una vez descargados los paquetes (formato .zip), procederemos a su instalación desde el backend usando el menú Instaladores. En las figuras 1 y 2 se pueden visualizar las instalaciones y los mensajes recibidos.
El siguiente paso es publicar el módulo y el mambot. Nos dirigimos a los menús “Módulos –> Módulos del sitio” y “Mambots –> Administrador de Mambots”. Buscamos la referencia a Facile Forms y encontraremos que tanto el módulo como el mambot están desactivados. Publicaremos con un clic de ratón (Figura 3: Activando módulo y mambot).
Pulsamos las pestañas “Componentes –> Facile Forms –> Configuration” y accedemos al siguiente formulario:
Activamos la opción de “Nueva instalación”. Si deseáramos contar con datos de ejemplo o mantener la compatibilidad con formularios de versiones anteriores, marcaríamos las dos últimas opciones. Salvamos, pulsamos siguiente en el mensaje que aparece y accedemos a la siguiente pantalla:
La primera opción está marcada en “NO”. De esta manera se usará el direccionamiento relativo Salvamos, volviendo de esta forma al backend. CREANDO UN FORMULARIO NUEVO
ACCEDIENDO AL FORMULARIO DESDE EL FRONTEND (DESDE EL SITIO WEB) Queremos que el formulario que acabamos de crear sea accesible desde nuestro sitio. Crearemos ahora, en el menú principal, un botón que nos llevará hasta él. Desde el backend, pulsaremos las opciones: “Menús –> mainmenu” y haremos clic en “Nuevo”. En la pantalla siguiente, seleccionaremos la opción “Componente”. En el formulario que aparece, insertaremos el nombre que aparecerá en el Menú Principal de nuestra web (en el ejemplo: Empresas). Seleccionaremos “Facile Forms” en el área de texto y pulsaremos el botón “Aplicar”. Tras esto, aparecerá en el lado derecho de la página un formulario para completar el proceso. La figura 15 lo muestra:
NOTA: El nombre del formulario será el que asignamos cuando lo creamos (Figura 7, campo “Name”). Podemos definir el estilo del formulario (borde, etcétera), pero lo dejaremos con sus opciones por defecto. Pulsamos “Guardar” y ya está. Desde el frontend, nuestros visitantes ya podrán cumplimentar el formulario. GESTIONANDO LOS DATOS GRABADOS POR LOS USUARIOS Grabaremos una entrada ficticia desde el backend para aprender a manejar los registros futuros. Desde la parrilla cumplimentamos el formulario y lo enviamos. Si todo va bien, recibiremos confirmación del envío. Seleccionamos la opción “Manage Records” y entraremos en el listado de entradas, el cual dispone de opciones de filtrado. Hacemos clic en nuestra entrada y observaremos lo siguiente (figura 16):
Pulsando la opción “Salvar” la entrada quedará como “Revisada”. Facile Forms permite, entre otros, que puedas programar tus scripst php (PIECES) para que lo usen los formularios que diseñes. Desde el punto de vista del administrador “aficionado” que no tiene muchas nociones de PHP, esto implica conocer algo de la estructura de Joomla, por lo que aquí vamos a hacerlo un poco más sencillo:
PROCEDIMIENTO Los datos grabados por el formulario se almacenan en dos tablas: - “jos_facileforms_records”: donde encontramos el número Id de cada registro asociado a cada formulario (ver figura 17)
- “jos_facileforms_subrecords”: donde se encuentran los valores grabados (ver figura 18). Los Id de la anterior tabla están en el campo “record” de esta tabla.
- Como queremos extraer los registros del formulario llamado “panel_empresas”, extraeremos los “id” asociados y para cada uno de éstos (record en la 2ª tabla), consultaremos los títulos y valores grabados. NOTA: Como puede observarse en la figura 18, los títulos son los nombres de los inputs del formulario - Los resultados los mostraremos en una tabla junto con la fecha en la que se grabó el formulario. PASOS PREVIOS (solamente es necesario darlos la primera vez):
a) Descarga el mambot mosaddphp.php aquí (botón derecho: guardar enlace como) Seguimos: 1. Creamos el script php. Puedes descargar el ejemplo aquí (botón derecho: guardar enlace como) 2. Creamos el contenido estático desde el menú del backend: “Contenido –> Administrador de contenido estático” pulsando la opción “Nuevo” 3. Usamos un título y escribimos un encabezamiento (por ejemplo, “OFERTAS DE EMPRESAS RECIBIDAS”). Punto y aparte y escribimos: {mosaddphp:nombre_del_archivo_php} (en el ejemplo: {mosaddphp:ofertas.php}). La figura 19 lo muestra:
4. Activamos la opción “Publicado” y guardamos (ya está) 5. Ahora enlazaremos el documento creado desde el menú principal. Acudimos al menú: “Menús –> mainmenu” y pulsamos el botón “Nuevo”. Seleccionamos la opción “Enlace-Contenido estático”. En el formulario que aparece, insertamos un nombre (que llevará el botón del menú) por ejemplo, “Ofertas” y pulsamos “Guardar”. 6. Abrimos el frontend (web) y observamos cómo ha aparecido un nuevo botón en el menú principal llamado “Ofertas”. Lo pulsamos y … aparecerá la información de los formularios enviados, tal y como vemos en la figura 20
6. Aquí hemos creado un enlace público. Si se desea crearlo para usuarios registrados, solamente hay que restringir el acceso en el contenido estático y crear el enlace en el menú de usuarios registrados.  Add as favourites (51) |  Cite este artículo en su sitio | Views: 8078
Navegando por la web, encontre un excelente tutorial de como crear formularios para Joomla!, con el componente Facile Forms. Muchas veces nos encontramos con la necesidad de programar formularios para nuestro sitio web, o por ejemplo de cambiar el formulario de contactos, o agregarle lineas. Joomla! tiene varios componentes para esto, como el Fabrik, Facile Forms, y otros. Estos componente no son muy simples de usar y existen pocos tutoriales o manuales en español que nos expliquen como utilizar estos magnificos componentes que nos dan grandes posibilidades para crear en nuestra Web. Navegando por distintos sitios buscando nuevas cosas para Joomla!, encontre este tutorial muy bien explicado sobre el componente Facile Forms.
Este tutorial fue tomado de la web de Ramon Castro http://ramoncastro.es
Facile Forms facilita enormemente la creación de formularios en Joomla, lo que ayuda a personalizar el sitio web adaptándolo de esta manera a nuestras necesidades. A continuación explicaremos brevemente cómo usar esta solución en nuestro portal Joomla. INSTALANDO FACILE FORMS Descargaremos del sitio http://www.facileforms.biz/ el componente, el módulo, el mambot y la traducción al castellano. Todo está disponible en la sección Downloads Una vez descargados los paquetes (formato .zip), procederemos a su instalación desde el backend usando el menú Instaladores. En las figuras 1 y 2 se pueden visualizar las instalaciones y los mensajes recibidos.
El siguiente paso es publicar el módulo y el mambot. Nos dirigimos a los menús “Módulos –> Módulos del sitio” y “Mambots –> Administrador de Mambots”. Buscamos la referencia a Facile Forms y encontraremos que tanto el módulo como el mambot están desactivados. Publicaremos con un clic de ratón (Figura 3: Activando módulo y mambot).
Pulsamos las pestañas “Componentes –> Facile Forms –> Configuration” y accedemos al siguiente formulario:
Activamos la opción de “Nueva instalación”. Si deseáramos contar con datos de ejemplo o mantener la compatibilidad con formularios de versiones anteriores, marcaríamos las dos últimas opciones. Salvamos, pulsamos siguiente en el mensaje que aparece y accedemos a la siguiente pantalla:
La primera opción está marcada en “NO”. De esta manera se usará el direccionamiento relativo Salvamos, volviendo de esta forma al backend. CREANDO UN FORMULARIO NUEVO
ACCEDIENDO AL FORMULARIO DESDE EL FRONTEND (DESDE EL SITIO WEB) Queremos que el formulario que acabamos de crear sea accesible desde nuestro sitio. Crearemos ahora, en el menú principal, un botón que nos llevará hasta él. Desde el backend, pulsaremos las opciones: “Menús –> mainmenu” y haremos clic en “Nuevo”. En la pantalla siguiente, seleccionaremos la opción “Componente”. En el formulario que aparece, insertaremos el nombre que aparecerá en el Menú Principal de nuestra web (en el ejemplo: Empresas). Seleccionaremos “Facile Forms” en el área de texto y pulsaremos el botón “Aplicar”. Tras esto, aparecerá en el lado derecho de la página un formulario para completar el proceso. La figura 15 lo muestra:
NOTA: El nombre del formulario será el que asignamos cuando lo creamos (Figura 7, campo “Name”). Podemos definir el estilo del formulario (borde, etcétera), pero lo dejaremos con sus opciones por defecto. Pulsamos “Guardar” y ya está. Desde el frontend, nuestros visitantes ya podrán cumplimentar el formulario. GESTIONANDO LOS DATOS GRABADOS POR LOS USUARIOS Grabaremos una entrada ficticia desde el backend para aprender a manejar los registros futuros. Desde la parrilla cumplimentamos el formulario y lo enviamos. Si todo va bien, recibiremos confirmación del envío. Seleccionamos la opción “Manage Records” y entraremos en el listado de entradas, el cual dispone de opciones de filtrado. Hacemos clic en nuestra entrada y observaremos lo siguiente (figura 16):
Pulsando la opción “Salvar” la entrada quedará como “Revisada”. Facile Forms permite, entre otros, que puedas programar tus scripst php (PIECES) para que lo usen los formularios que diseñes. Desde el punto de vista del administrador “aficionado” que no tiene muchas nociones de PHP, esto implica conocer algo de la estructura de Joomla, por lo que aquí vamos a hacerlo un poco más sencillo:
PROCEDIMIENTO Los datos grabados por el formulario se almacenan en dos tablas: - “jos_facileforms_records”: donde encontramos el número Id de cada registro asociado a cada formulario (ver figura 17)
- “jos_facileforms_subrecords”: donde se encuentran los valores grabados (ver figura 18). Los Id de la anterior tabla están en el campo “record” de esta tabla.
- Como queremos extraer los registros del formulario llamado “panel_empresas”, extraeremos los “id” asociados y para cada uno de éstos (record en la 2ª tabla), consultaremos los títulos y valores grabados. NOTA: Como puede observarse en la figura 18, los títulos son los nombres de los inputs del formulario - Los resultados los mostraremos en una tabla junto con la fecha en la que se grabó el formulario. PASOS PREVIOS (solamente es necesario darlos la primera vez):
a) Descarga el mambot mosaddphp.php aquí (botón derecho: guardar enlace como) Seguimos: 1. Creamos el script php. Puedes descargar el ejemplo aquí (botón derecho: guardar enlace como) 2. Creamos el contenido estático desde el menú del backend: “Contenido –> Administrador de contenido estático” pulsando la opción “Nuevo” 3. Usamos un título y escribimos un encabezamiento (por ejemplo, “OFERTAS DE EMPRESAS RECIBIDAS”). Punto y aparte y escribimos: {mosaddphp:nombre_del_archivo_php} (en el ejemplo: {mosaddphp:ofertas.php}). La figura 19 lo muestra:
4. Activamos la opción “Publicado” y guardamos (ya está) 5. Ahora enlazaremos el documento creado desde el menú principal. Acudimos al menú: “Menús –> mainmenu” y pulsamos el botón “Nuevo”. Seleccionamos la opción “Enlace-Contenido estático”. En el formulario que aparece, insertamos un nombre (que llevará el botón del menú) por ejemplo, “Ofertas” y pulsamos “Guardar”. 6. Abrimos el frontend (web) y observamos cómo ha aparecido un nuevo botón en el menú principal llamado “Ofertas”. Lo pulsamos y … aparecerá la información de los formularios enviados, tal y como vemos en la figura 20
6. Aquí hemos creado un enlace público. Si se desea crearlo para usuarios registrados, solamente hay que restringir el acceso en el contenido estático y crear el enlace en el menú de usuarios registrados. Add as favourites (51) | Cite este artículo en su sitio | Views: 8078
Solo los usuarios registrados pueden agregar sus comentarios. Powered by AkoComment Tweaked Special Edition v.1.4.6 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
rofesionales.php} y {mosaddphp:contactenos.php}, los dos estan en la carpeta mambots.. pero resulta que desde las dos pàginas siempre me llama a los dos scripts! si me pueden ayudar con eso ser´`ia buenìsimo!!
si me pudieras ayudar 
| < Anterior | Siguiente > |
|---|
