Desarollo de una web con Joomla y Seyret 2.7.x

Enviado por Lorenzo el 23 Mayo, 2008
Sin comentarios
Este articulo fue añadido en [ Componentes ]

Este tutorial se realizo tras comprobar la dificultad que suponia para muchos usarios, realizar o desarollar un proyecto web con galeria de videos. Desde SoloJoomla les muestro paso a paso, como realizar un proyecto de esta indole. TUTORIAL SEYRET 2.7.X . En el explico desde la colocacion de los modulos de seyret con el modulo Jootab, que se utiliza para mostrar los videos mas vistos, mas populares y los nuevos. Este se utiliza en conjunto el modulo Modulo CB superthumb seyret.

Por peticion de un usuario relizo este tutorial para el desarollo de una web con el componente SEYRET 2.7.6. desde cero.

Primera Fase: ¿Que Necesito ?

  • Joomla 1.0.15
  • Componente seyret 2.7.6
  • Template Seyret
  • Modulo CB superthumb seyret
  • Modulo Jootab
  • Modulo seyret Catmenu
  • Componente Jomcomment
  • Template a seleccion de cada uno

Segunda Fase: Instalacion

Primero instalo Joomla, seguidamente paso a instalar el componente seyret, señalo que si os lo bajais desde esta web la traduccion es completa . Una vez instalado el componente lo primero que debemos configurar es el aspecto del visualizador (Ancho y Altura) , luego vamos al apartado de permisos y delimitamos quienes y que pueden ver los n@vegantes. El paso siguiente es crear las distintas categorias. Este paso importante, procurar estar seguros antes de crealas y lo que es imprencindible es NO tener las URL´s amigables activadas . Todos estos pasos estan en el administrador del componente en CONFIGURACION, PERMISOS y CATEGORIAS.

La segunda parte de este apartado trata sobre la instalacion de los modulos y la asignacion de los modulos a users y el añadido de nuevos “users” ya que por defecto los preinstalados con joomla solo llega al user9 y puede que necetimos alguno mas, segun el template que hallamos elegido.

El primer modulo a instalar es el modulo Jootab, ya que es el modulo principal en el cual se van a mostrar los modulos generados con el modulo CB superthumb seyret. Una vez instalado debemos asignarle una posicion dentro del template. Segun que template utilizemos la asignacion varia, en la mayoria de los templates empleados por mi le he asignado la posicion “advert1″ ya que es la que se suele poner justo por encima del cuerpo “mainbody o body”, en otras ocasiones puede ser tambien el user Top o user1. En esta ocasion lo emplearemos para que visualzemos el contenido del otro modulo CB superthumb seyret, el cual esta dedicado a mostrar los videos que le asignemos, un ejemplo podria ser, Los mas vistos, Los ultimos y los mas votados . Para poder tener estos tres mosulos listos deberemos hacer una doble copia del modulo CB superthumb seyret para que podamos diponer de los tres modulos que necesitamos para visualizar dentro del modulo Jootab. Las copias se realizan señalando el modulo en cuestion y pulsamos en el boton COPIA situado arriba a la derecha del administrador, la copia del modulo generada se situara justo debajo del original y aparecera como “copia de…” . Una vez realizado este paso volvemos con el modulo Jootab, pulsamos para abrir y mostrar el contenido de la configuracion del modulo.

Para asignar mas posiciones para los modulos debemos dirigirnos al menu del administrador, seleccionar SITIO / ADMINISTRADOR DE PPLANTILLAS / POSICIONES DE LOS MODULOS y pinchamos. Una vez dentro del panel configurable encontraran dos opciones Posicion y descripcion, En posicion añadimos los users que podamos necesitar segun el template elegido, por ejemplo user12 , la descripcion se dejara vacia ya que en este caso no la necesitamos, y asi sucesivamente hasta completar los users que necesitamos. Le damos a guardar y listo. Una vez hecho esto cuando pinchemos posicion de un modulo apareceran todas las opciones que hemos añadido junto con la ya existentes por defecto.

Vamos a configurar el modulo Jootab para que podamos insertar los tres modulos CB superthumb anteriormente creados para este fin. Cuando accedemos dentro de la configuracion del modulo vemos que varios apartados, algunos ya vienen configurados y no los vamos a tocar y solo voy a tratar sobre los que es conveniente o aleatorio segun gustos poder cambiar y que son:

  • How to change the tabs (Como quieres pasar de un modulo a otro dentro de jootab)

Hay 2 opciones, haciendo clic en el tabulador o pestaña o cuando pase el raton por encima.

  • Number of Tabs to use (Numero de pestañas que apareceran paar ser visializadas)

El numero que yo suelo poner son 3, ya que es suficiente y recomendable para visualizar en cualquier tipo de template.

  • Tab Width (Tamaño de cada pestaña, con poner 200 es suficiente para visualizar bien)
  • Show Title of Modules ( Mostrar o no el titulo en las pestañas, esto es a gusto de cada uno )

Ahora tenemos que editar las pestañas para seleccionar en cual de ellas aparecera el o los modulos CB superthumb seyret. Aqui lo siguiente que nos aparece es ———— Tabs Settings ————- y debajo los espacios a configurar y que son diez posibilidades, les muetro las tres que queremos configurar y que seran las tres primeras opciones.

  1. Title of the 1st Tab (Titulo de la primera pestaña), viene por defecto TAB1, lo remplazamos por el nombre que se le ha asignado a nuestro primerop modulo CB superthumb seyret como en el ejemplo arriba indicado - Los Ultimos - , para asi seguir un orden que no es obligatorio - y de bajo Module of the 1st Tab Modulo de la primera pestaña, aqui se le asigna el user asignado de uno de los tres modulos CB superthumb seyret, por ejemplo user1.
  2. Title of the 2nd Tab, (Titulo de la segunda pestaña), aqui realizamos el mismo paso que el anterior cambiando Titulo y asgnacion de posicion de modulo, por ejemplo Los mas vistos y como asiganacion de posicion la misma que se le ha dado al modulo CB superthumb seyret llamado los mas vistos como user2.
  3. Title of the 3rd Tab, (Titulo de la tercera pestaña), aqui realizamos el mismo paso que los anteriores cambiando Titulo y asgnacion de posicion de modulo, por ejemplo Los mas votados y como asiganacion de posicion la misma que se le ha dado al modulo CB superthumb seyret llamado los mas votados como user3.

Una vez realizado este paso, vamos a configurar los tres modulos CB superthumb seyret, llamados Los mas vistos, Los ultimos y los mas votados.

Configuracion Modulo Los mas vistos:

Lo primero es pinchar en uno de los tres modulos CB superthumb seyret para acceder a la configuracion, aqui como en la configuracion de Jootab, voy a comentar unicamente los pasos a seguir para realizar las modificaciones oportunas.

Accedemos a laconfiguracion y lo primero que aparece es Titulo, Mostar titulo y posicion. En titulo pondremos Los Ultimos, Seleccionamos que SI queremos mostrar el titulo y en la posicion dbemos poner la misma que se la asignado en el modulo Jootab, eso es importante recordarlo ya que si no o no se mostraran los videos o simplemente no apareceran. En este caso en el ejemplo pusimos el user1. A partir de aqui accedemos a los parametros a asignar a este modulo.

Module Class Suffix : Este apartado esta dedicado al aspecto, normalmente no se pone nada, pero en este caso, como lo que queremos es mostrar el modulo dentro de otro modulo, pondremos -nobox para asi no alterar el aspecto original del otro modulo llamado jootab .

Data Type : Aqui debemos seleccionar la opcion que corresponde al nombre del modulo. En este caso como hemos llamado a nuestro modulo Los Ultimoss selecionaremos Latest videos .

Video Desc. Text Limit : Limite de letras del texto de un video a añadir en la visualizacion del modulo, pner mas o menos 50, asi valdra para que los navegantes tengan un idea sobre el video a visulizar.
Video Count : Aqui el valor como numero de videos a mostrar pondremos el numero que mas nos convenga segun el caso de cada uno, por ejemplo yo pondria 3 ya como estamos hablando de la pagina principal, de lo que se trata es de mostar los ultimos videos y lo que no s interesa es que sea cambiante, ya que es mas factible que un navegante vuelva si la segunda vez que entra no ve los mismos videos.
Show Video Thumbnail : seleccionamos SI
Despues vienen opciones a elegir segun gustos, como Show Detail Text - Show Categoty - Show Author etc…… seleccionar los que mas convengan para cada uno
Right Item Width : el valor que aqui debemos poner es de 130, pueden cambiarlo segun vuestros templates y gustos.
Columns Count : aqui pondremos como valor 1
Video Thumbnail Width : Anchura de la imagen miniaturizada del video, mi consejo es entre 90 y 110
Video Thumbnail Height : Altura de la imagen miniaturizada del video, mi consejo es entre 70 y 90.
Para los otros dos modulos, es lo mismo, solo que deben cambiar la opcion Data Type segun el nombre del modulo y la posicion del mismo.
Y ya hemos terminado con la configuracion de Jootab y CB superthumb seyret.
Por fin tenemos colocados y listos para visualizar nuestros modulos, el siguiente paso es configurar el posicionamiento y aspecto de nuestro componente Seyret 2.7.6 .

Aspecto y posicionamiento Componente Seyret :
Lo primero es insertar en el menu principal el componente para poder acceder a el cuando queramos. Vamos al menu del administrador y señalamos en Menus y pinchamos en Mainmenu . Nos dirigimos a la parte de arriba y pinchamos en NUEVO, les apareceran varias opciones en forma de cuadros, una de ellas es Componentes, seleccionamos pinchando en el circulo vacio que se encuentra a la derecha de componente y le damos a siguiente . Aqui seleccionais en COMPONENTE la palabra que corresponde al componente deseado, que en este caso es “seyret” y Le ponemos un nombre que es el que se va a visualizar en el menu. Y le damos a guadar. Ya tenemos localizado en el menu el componente SEYRET.
Lo siguiente es el aspecto que tendra nuestro componente. Para ello debemos ir a la configuarcion del componente desde el administrador y seleccionar el template que mas nos guste, o subir algun otro que estan por algunas paginas de internet. Yo les dejare a continuacion en la parte de descargas de todo lo que necesitais uno que sirve para cualquier tipo de plantilla y que no lleva las incomodas categorias en la parte superior de los videos. Los suben con vuestro cliente FTP en “components/com_seyret/themes/” para luego poder seleccionarlo en “Panel de Configuracion / Configuacion / Mostar” y aqui seleccionais la carpeta con el nombre del template y guardais.
Instalacion Modulo Categorias Seyret :
Selecconais el modulo que a continuacion en el apartado de descargas se os muestra y lo instalais, posicionais y acticvais. Asi tendreis todas las categorias a mano ya que en el template se las he quitado, es mucho mejor asi, al menos para mi gusto.
Panel de Configuracion del componente :
La configuracion del componente es sencilla, solo deben seguir los pasos. Traduje todo lo que faltaba. Si tienen algun inconveniente no duden en señalarlo en el foro, en el apartado SEYRET para asi compartirlo con todos los demas.
Ya tenemos todo configurado. Ahora algunos consejos .
Cuando accedan al componente desde el menu principal es preferible tener desactivado los modulos de la parte derecha de vuestro template para asi tener un visionado mas amplio y limpio.
Los modulos que acompañan a la version de pago como opciones de este modulo se deben pòsicionar de forma que solo aparezcan cuando no esta visible el componente SEYRET. Ancho del Video a 400 px y alto entre 280 y 300 px asi nadie se podra quejar del visionado. Pero si lo que quieren es un tamaño considerable, recordarque se deben aumentar tanto altura como anchura de forma que adapte una forma rectangular. En caso de no cambiar la altura su video aumentara de tamaño.
IMPORTANTE : Recordar, Si tienen activado en la configuracion SEO las urls amigables, desactivenlo antes de instalar y configurar nada, luego podran volver a activarlas.
Si en algun momento han creado una categoria y luego la han borrado y seguidamente se han dispuesto a crear otra Y LES HA SALTADO UN NUMERO DE ID SUPERIOR (ej: en vez de 5 a 6 a pasado de 5 a 7) debera reiniciar el campo autoincrement.
Para reiniciar el campo autoincrement deben ejecutar la siguiente orden:
ALTER TABLE jos_seyret_categories AUTO_INCREMENT=1;
DESCARGA DE TODO LO NECESARIO PARA REALIZAR UNA WEB CON EL COMPONENTE SEYRET 2.7.6

Incorporaciones de ultima hora

EJEMPLOS DE MIS WEBS TERMINADAS CON SEYRET : CONTACTOS VIDEO - IVBLOG.COM

Espero les sea util y le alla gustado, los comentarios sobre el desarollo haganlos en el foro, en el apartado que corresponde que este FORO SEYRET .

Etiquetas: [ , , ]
Puedes seguir las respuestas a esta entrada por medio de RSS 2.0 feed. Puede Añadir un comentario, o volver al principio del articulo.

Añadir un comentario

« Lorenzo
Sobre mi »