• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
12.Galeria Dimatges
 

12.Galeria Dimatges

on

  • 901 views

 

Statistics

Views

Total Views
901
Views on SlideShare
822
Embed Views
79

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 79

http://www.telejet-garrotxa.cat 78
http://telejet-garrotxa.cat 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    12.Galeria Dimatges 12.Galeria Dimatges Presentation Transcript

    • Planta't a Internet! Telejet Garrotxa Professor: Marc Nicolau
      • Exposé és un component amb el que es pot crear presentacions d’imatges i videos.
        • És per versions de Joomla! 1.0.x (o Joomla 1.5 amb mode compatibilitat activat)
      • Agrupació d’àlbums i assignació de miniatures als albums i col·leccions d’àlbums.
      • Càrrega i redimensió d’imatges.
      • Càrrega de video amb format Flash video (fitxers FLV)
      • Possibilitat d’afegir informació de copyright
      • Assignació d’una descripció a cada col·lecció, àlbum I imatge
      • Vista amb tira d’imatges per previsualitzar totes les imatge d’un àlbum
      • Personalització de l’interfície d’usuari: modificació de la mida I posició de les icones dels botons
      • Reproduir les presentacions, amb una durada de segons modificable.
      • Possibilitat d’enllaçar directament a una col·lecció, àlbum, foto o presentació.
      • Ajustament automàtic de la velocitat de descàrrega del video en funció de la connexió de l’usuari.
      • Descàrrega:
        • http://extensions.joomla.org
          • Buscar Expose
          • Descarregar el com_expose_4.6.2.zip
      • Per instal·lar-lo, cal anar a l’apartat d’instal·lació d’extensions:
      • També es pot descarregar els mòdul de tira d’imatges mod_exposescroller3v0beta2.zip
        • Extensions  Instal·la/Desinstal·la
      • Cal que hi hagi correctament configurats certs paràmetres del servidor.
      • Concretament:
        • safe_mode off
        • file_uploads on
        • register_globals off
        • upload_max_filesize "25M“
        • post_max_size "25M“
      • Com comprovar els valors actuals?
        • Ajuda  Informació del sistema  Informació del PHP
      • Com modificar els valors?
      • Cal editar el fitxer .htaccess , amb l’ajuda d’un programa FTP
      • Afegir (si no hi són) aquestes línies al final del fitxer:
        • php_flag safe_mode off
        • php_flag file_uploads on
        • php_flag register_globals off
        • php_value upload_max_filesize “25M” (o la mida que es vulgui)
        • php_value post_max_size “25M” (o la mida que es vulgui)
      • Cal anar a l’apartat de comprovació del sistema de galeria Exposé per saber si està tot correctament instal·lat:
        • Cal corregir els errors que apareixen amb color vermell .
        • La majoria d’aquests errors fan referència als permisos de fitxers i/o carpetes.
        • En general, cal que tiguin permisos 0644 o 0646 (si amb el primer cas no funciona)
        • Components  Exposé  System Check
      • Els fitxers i carpetes que cal configurar són:
        • httpdocs/components/com_expose/expose/config/config.xml
        • httpdocs/components/com_expose/expose/config/strings.xml
        • httpdocs/components/com_expose/expose/manager/amfphp/extra/passhash.inc.php
        • httpdocs/components/com_expose/expose/manager/amfphp/extra/settings.xml
        • httpdocs/components/com_expose/expose/img/
        • httpdocs/components/com_expose/expose/xml/
      • Per afegir la galeria d’imatges al Front-end de la web, tant sols cal crear un element de menú del tipus Exposé.
      • Exposé, porta un àlbum d’imatges i videos d’exemple i ja es podrà visualitzar.
      • Quan ja tenim Expose instal·lat, ja es poden crear les col·leccions o albums d’imatges i videos.
      • Amb aquesta opció es pot:
        • Crear col·leccions d’àlbums
        • Crear albums
        • Carregar fotos i videos
        • Afegir comentaris a fotos i videos
        • Components  Exposé  Mange Albums
      • Quan s’accedeix al gestor de la galeria demana una contrassenya. Per defecte, cal posar manager
        • Es pot canviar amb el botó Change password
        • La casella Save permet guardar-la per altres accessos.
    • Amb el botó dret del mouse, escollir l’opció Apply description changes Moure amunt o avall les col·leccions i àlbums Afegir fotos o vídeos des d’una carpeta del servidor Seleccionar una foto per crear i assignar una miniatura a l’àlbum Amb el botó dret del mouse, escollir l’opció Apply description changes Seleccionar una foto i fer doble click amb el mouse per canviar-ne les propietats. Amb el botó dret del mouse es poden copiar les propietats a totes les fotos de l’àlbum Click amb el mouse per veure la mida normal de la imatge. Si és un video, aquest és reprodueix.
      • Exposé gestiona 3 tipus d’imatges:
        • Small image (imatge petita): La que es veu amb miniatura
        • Normal image (imatge normal): la que es veu després de clicar sobre la miniatura
        • Large image (imatge gran): la que es veu dins una nova finestra. Permet descarregar la imatge mostrada.
      • Propietats de la imatge
        • Prémer el botó S ETTINGS per mostrar la finestra d’opcions de la imatge.
      • Create large image : indica que cal crear la imatge gran
      • Copyright
        • Embed copyright text : mostrar un text de copyright dins la imatge
        • Text size : mida del text de copyright
        • Text color : color del text de copyright
      • Embed watermark : incrustar una imatge de copyright
        • Es pot modificar la imatge que es troba a:
          • httpdocs/components/com_expose/expose/manager/amfphp/extra/watermark.png
      • Propietats de vídeo
        • Fitxers suportats: fitxers flash video (extensió .FLV)
        • Es poden crear fitxers FLV a partir de fitxers AVI, MPEG, Quicktime I WMV utilitzant el codificador gratuït FLV encoder , que es pot descarregar a:
          • http://www.rivavx.com/index.php?encoder&L=3
      • Propietats de vídeo
      • Crear col·leccions i àlbums
        • Exposé classifica les imatges i vídeos dins de col·leccions i àlbums.
        • Col·lecció : conjunt d’àlbums i/o altres col·leccions, com si fossin carpetes que agrupen les imatges amb temes
        • Creació :
      • Pujar continguts
        • Abans de pujar fitxers, cal seleccionar a quin àlbum de la llista volem afegir els fitxers.
        • Els continguts es poden afegir a l’àlbum de 3 formes:
          • Botó ‘ Upload photos ’
          • Botó ‘ Upload videos ’
          • Botó ‘ Add from bucket ’
          • És recomanable ajustar el pes de les imatges I videos abans de pujar-ho a la web.
      • Pujar continguts
        • Carregar fotos ( upload photos )
          • Indicar quins fitxers d’imatge de l’ordinador es volen carregar.
          • Els fitxers es redimensionen, I es posa la informació de copyright segons les opcions indicades amb Settings .
        • Carregar videos ( upload videos )
          • Indicar quins fitxers de flash video de l’ordinador es volen carregar.
          • Els fitxers NO es redimensionen, però si es posa la informació de copyright segons les opcions indicades amb Settings .
          • Cal redimensionar els fitxers de video abans de carregar-los.
        • Afegir des d’una carpeta ( add from bucket )
          • Afegir fitxers des d’una carpeta que es troba dins del mateix servidor (abans s’hi han carregat els fitxers amb un programa FTP).
          • La carpeta és: httpdocs/components/com_expose/expose/manager/bucket/
      • Editar descripcions
        • Per crear /editar la descripció associada amb col·leccions/albums o fotos/videos, primer cal seleccionar l’element a modficar.
        • Llavors, entrar la descripció dins de la caixa Description de l’àlbum o del fitxer, segons sigui el cas.
        • Quan ja estigui escrita la descripció, cal fer clic amb el botó dret del ratolí dins la caixa on s’ha escrit la descripció I escollir l’opció del menú que apareix APPLY DESCRIPTION CHANGES
      • Editar títols de l’àlbum/col·lecció
        • Per canviar el títol de l’àlbum, cal seleccionar l’àlbum I fer clic amb el botó dret del mouse sobre l’àlbum que interessi.
        • Escollir l’opció R ENAME .
      • Editar títols, dates i localitzacions dels fitxers
        • Per canviar el títol, la data o localització d’un fitxer, tant sols cal fer doble clic dins la casella del fitxer que es vol canviar.
        • De vegades, molts fitxers tenen la mateixa data/localització. Es pot canviar a tots, editant-ne un I llavors, amb el fitxer seleccionar, clicar amb el botó dret del mouse sobre I escollir l’opció Apply to rest
      • Crear miniatures de vídeos
        • Les miniatures de les imatges es creen automàticament.
        • Amb els vídeos, cal crear les miniatures manualment.
        • Per fer-ho, cal clicar sobre la zona de previsualització (part inferior dreta). Apareix una finestra com aquesta:
          • Tant sols cal prémer el botó Capture to thumbnail en el fotograma que ens interessi més.
      • Moure i esborrar col·leccions, àlbums i fitxers
        • Amb aquests botons es pot:
          • Canviar el nom
          • Moure
          • Esborrar
          • Organitzar
      • Si cal gestionar molts àlbums i fotos, és aconsellable utilitzar la versió per Windows:
        • http://www.slooz.com/trinkets.php?proj=expmngwin
      • Es pot enllaçar directament a una de les col·leccions, àlbums i imatges, utilitzant un element de menú de tipus Enllaç extern .
      • Per fer-ho, primer cal identificar el codi (ID) de la col·lecció, àlbum i/o imatge, des de la part d’administració del component.
      • El codi es mostra a sobre.
      • Enllaçar amb una col·lecció
        • Exemple: obrir la galeria i utilitzar la col·lecció d’àlbums amb ID 234 com a col·lecció d’inici.
          • index.php?option=com_expose&topcoll=234
      • Enllaçar amb un àlbum
        • Exemple: obrir la galeria i automàticament carregar l’àlbum amb ID 123.
          • index.php?option=com_expose&album=123
      • Enllaçar amb una foto d’un àlbum
        • Exemple: obrir la galeria I automàticament mostrar la foto amb ID 456 que és part de l’àlbum amb ID 123
          • index.php?option=com_expose&album=123&photo=456
      • Enllaçar amb una foto d’un àlbum i fer que comenci la presentació automàtica
        • Exemple: obrir la galeria I automàticament mostrar la foto amb ID 456 que és part de l’àlbum amb ID 123, inciciant automàticament la presentació
          • index.php?option=com_expose&album=123&photo=456&playslideshow=yes
      • Exposé permet modificar moltes i moltes opcions!!
      • No obstant, des de la web oficial del component, s’ofereix un fitxer que permet configurar de forma ràpida la galeria per adaptar-la a aquelles plantilles amb colors de fons negre.
        • http://www.slooz.com/download.php?f=expose4_r6_blackbg.zip
      • Exposé està traduït amb varis idiomes, inclòs el castellà, però no el català.
      • Si es vol traduir al català, cal modificar un fitxer:
        • httpdocs/components/com_expose/expose/config/strings.xm l
        • Dins aquest fitxer, hi ha unes etiquetes amb el nom string id, que identifiquen l’element a traduir. A dins d’aquestes etiquetes, n’hi ha unes altres amb el nom de l’idioma.
        • Per exemple:
          • <string id=&quot;previmage&quot;>
          • <english>Previous</english>
          • <spanish>Anterior</spanish>
          • <catalan>Anterior</catalan>
          • </string>
      • Només comentarem els paràmetres més importants que es poden configurar
      Paràmetre Descripció Galeria principal Language Text que indica l’idioma: english, spanish, catalan, ... Gallery width Amplada, amb píxels, de la galeria Gallery height Alçada, amb píxels, de la galeria Gallery Background Color de fons de la galeria Gallery Background Image Imatge de fons de la galeria
    • Paràmetre Descripció Panell principal i botons de navegació Main Panel Y Posició vertical de la barra de navegació Main Panel Height Alçada de la barra de navegació Main Panel Tooltip Text Position Valors: above (per sobre) / below (per sota). Posició del text. Main Panel Previous Image Button X Posició horitzontal del botó Main Panel Next Image Button X Posició horitzontal del botó Main Panel Slide Show Button X Posició horitzontal del botó
    • Paràmetre Descripció Main Panel Audio Comment Button X Posició horitzontal del botó d’àudio Main Panel Image Description Button X Posició horitzontal del botó de descipció Main Panel Select Album Button X Posició horitzontal del botó Main Panel Image Strip Button X Posició horitzontal del botó Main Panel Image Counter X Posició horitzontal del botó Main Panel Image Counter Y Posició vertical del botó Main Panel Album Info X Posició horitzontal Main Panel Album Info Y Posició vertical Main Panel Help Button X Posició horitzontal del botó Image X Posició horitzontal on apareix la imatge Image Y Posició vertical on apareix la imatge
    • Paràmetre Descripció Tira d’imatges Image Strip Max Visible Images Quantitat màxima d’imatges visibles sense haver de desplaçar la barra d’scroll Altres paràmetres... ... Presentació (slideshow) Image Info ... Paràmetres referents a la informació de la imatge Audio Comment volume Volum de l’àudio de comentaris Slide Show Time Segons que es mostra la imatge Slide Show Loop Yes/no. Si torna a començar la presentació un cop acabada
    • Paràmetre Descripció Llista de col·leccions/àlbums Album List X Posició X de l’àlbum Album List Y Posició Y de l’àlbum Album List Rows Nombre d’àlbums que es mostren sense fer scroll SpeedSense Enables Yes/no. Activar/desactivar la detecció d’ampla de banda de l’usuari per tal que no tingui talls en la reproducció dels vídeos. Moltes més opcions!
      • Permet canviar els paràmetres del tipus de lletra
      • Es tracta d’un mòdul que permet mostrar una tira d’imatges amb moviment.
      • Té múltiples opcions de configuració.
      • Descàrrega:
        • http://extensions.joomla.org
          • Buscar Expose
          • Descarregar el mod_exposescroller3v0beta2.zip
      • Per instal·lar-lo, cal anar a l’apartat d’instal·lació d’extensions:
        • Extensions  Instal·la/Desinstal·la