Instrukcja dodawania zdjęć do galerii - Index of

Transkrypt

Instrukcja dodawania zdjęć do galerii
udostępnionej na stronie www.porcjunkula.org
Nie tylko dla krejzola.
Data utworzenia: 22.08.2008 r.
WERSJA ALPHA
Zamiast wstępu
Niniejszą instrukcję przygotowałem na specjalne życzenie Marty Bredschneider. Starałem się zwięźle,
ale wyczerpująco opisad cały proces umieszczania zdjęd w galerii na stronie www.porcjunkula.org.
Dokument przeznaczony jest wyłącznie do indywidualnego wykorzystania. Zakładam, że użytkownik
posiada podstawowe umiejętności obsługi komputera i korzysta z systemu Microsoft Windows.
Wdzięczny będę za zgłoszenie mi wszelkich uwag, nawet tych drobnych.
Mateusz Jędrzejewski
[email protected]
FDA Porcjunkula
Przygotowanie zdjęć
Pierwszy i oczywisty etap to przygotowanie zdjęd. Zdjęcia trzeba zgrad z aparatu na dysk twardy.
Obejrzed je kilkakrotnie, poobracad, wyretuszowad i wybrad najciekawsze do umieszczenia w galerii.
Niech wybrane zdjęcia będą w folderze zdjecia_wydarzenie_A.
Zmniejszanie zdjęć
Drugim etapem jest zmniejszenie i skompresowanie zdjęd. Zalecanym formatem zdjęd jest JPEG.
Zmniejszenie zdjęd jest niezbędne ponieważ nowoczesne nawet amatorskie aparaty cyfrowe
rejestrują zdjęcia w 6M, 10M, a nawet 14M. Jest to stanowczo za dużo do umieszczania w Internecie.
Zaleca się zmniejszyd wszystkie zdjęcia do ok. 0,5M. W praktyce wymiar zdjęcia zależy od jego
formatu (3:2, 4:3) i orientacji (pozioma, pionowa). Na potrzeby galerii można przyjąd za wystarczającą
szerokośd zdjęcia do 800 pikseli, a wysokośd do 600 pikseli (zdjęcia pionowe odwrotnie).
Polecam program FastStone Photo Resizer do szybkiej i masowej zmiany rozmiarów zdjęd.
Program FastStone Photo Resizer 2.6 Freeware można ściągnąd ze stron:
http://www.faststone.org/FSResizerDownload.htm
http://www.download.com/FastStone-Photo-Resizer/3000-2192_4-10319476.html
2 Instrukcja dodawania zdjęć do galerii
Obsługa programu FastStone Photo Resizer
Po poprawnym zainstalowaniu i uruchomieniu programu FastStone Photo Resizer powinien byd
widoczny Ekran 1 lub podobny. Wybieramy zakładkę Batch Convert, a w niej w lewej kolumnie
otwieramy folder zdjecia_wydarzenie_A. Przenosimy zdjęcia do Input List (kolumna
po prawej) naciskając przycisk Add All ==>. Output Format wybieramy na JPEG Format (*.jpg).
Ekran 1 - okno główne FastStone Photo Resizer
Naciskając przycisk Settings otwiera się okno dialogowe Output Format Options jak na Ekran 2.
Quality ustawiamy na ok. 75. W przypadku niezadowalających efektów, tj. widoczne artefakty lub
obraz nieostry, bez szczegółów w pomniejszonych zdjęciach należy tę wartośd zwiększyd i powtórzyd
konwersję. Im ona wyższa tym lepsza jakośd, tj. mniejsza kompresja, zdjęcie zajmuję więcej miejsca.
Pożądanym jest zaznaczyd jeszcze opcję Keep EXIF / IPTC Data w celu przepisania dodatkowych
informacji o danym zdjęciu na pliki wynikowe. Zmiany zatwierdzamy naciskając OK, wracamy
do Ekranu 1.
Ekran 2 - opcje formatu pliku wynikowego
W oknie głównym programu (Ekranu 1) wybieramy odpowiedni Output Folder. To właśnie w nim
będą zapisywane pomniejszone zdjęcia. Naciskamy przycisk Select. W oknie dialogowym Select
a folder naciskamy przycisk Create… i wpisujmy nazwę katalogu zdjecia_male_wydarzenie_A.
Zatwierdzamy przyciskiem OK. Wracamy do okna głównego programu (Ekranu 1). Bezwzględnie
musimy zaznaczyd opcję Use advanced options ( Resize … ). Naciskamy przycisk Advanced Options.
Otwiera się okno dialogowe (Ekranu 3). Wybieramy zakładkę Resize. Zaznaczamy opcję Use Resize /
Resample. Zaznaczamy opcję In Pixels. Z listy rozwijanej <Pick a Standard Size> wybieramy 800 x 600.
Pożądanym jest zaznaczyd opcję Switch Width and Height to match long sides oraz zaznaczyd opcję
Preserve Aspect Ratio. Zatwierdzamy przyciskiem OK., wracamy do okna głównego programu (Ekranu 1).
Ekran 3 - ustawianie wielkości zdjęcia
W oknie głównym programu (Ekranu 1) zaznaczamy opcję Keep original date / time attributes oraz
zaznaczamy opcję Ask before overwrite. Sprawdzamy ponownie wszystkie wybrane przez nas opcje
oraz pliki umieszczone na liście Input List. Jeżeli wszystko się zgadza to naciskamy przycisk Convert.
Otwiera się okno dialogowe Image Conversion. Można obserwowad postęp konwersji.
Po jej zakooczeniu naciskamy Done. Powracamy do okna głównego programu (Ekranu 1). Naciskamy
przycisk o (znajduje się obok Select). Należy sprawdzid efekt konwersji w docelowym folderze. Zdjęcia
zostały pomniejszonego i skompresowane. Jedno zdjęcia zajmuje średnio 120 KB. Jeżeli jesteśmy
zadowoleni z rezultatu to zamykamy program FastStone Photo Resizer.
Przygotowaniu folderu
Kolejnym etapem przygotowania zdjęd jest ułożenie zdjęd w folderach o ustalonych nazwach.
Zgodnie z przyjętą konwencją wszystkie zdjęcia są przechowywane w folderze galeria. Składa się
on z folderów grupującymi zdjęcia z danego roku (np. zdjęcia z roku 2008 trzymane są w folderze
2008). Zdjęcia z danego wydarzenia przechowuje się w folderze o nazwie składającej się na:
MM.DD - NAZWA_WYDARZENIA
gdzie: MM to miesiąc,
DD to dzieo.
Przykłady poprawnych nazw folderów:
02.02 - Bal duszpasterstw akademickich
07.25-08.01 - Przygotowania do pielgrzymki
Uwaga: nie należy stosowad polskich znaków diakrytycznych.
Utwórzmy folder o nazwie 08.22 – Wydarzenie A. Przenieśmy przygotowany folder ze
zdjęciami zdjecia_male_wydarzenie_A do wnętrze folderu 08.22 – Wydarzenie A.
Folder ze zdjęcia danego autora (w tym przypadku zdjecia_male_wydarzenie_A) należy
odpowiednio nazwad (np. użyd loginu z forum i tak zdjęcia Marty Bredschneider będą w folderze
deskrawiec, a zdjęcia Mateusz Jędrzejewskiego będą w folderze mateuszj). Zmieomy więc
nazwę folderu zdjecia_male_wydarzenie_A na deskrawiec. Obecnie w folderze 08.22
– Wydarzenie A znajduje się tylko folder deskrawiec. Jeżeli jest jednak więcej niż jeden autor
zdjęd to trzeba dodad kolejne foldery obok deskrawiec.
Tak przygotowane foldery wystarczą do wysłania nich na serwer. Można jednak stworzyd jeszcze
dodatkowe pliki konfiguracyjne. Wszystko zostało opisane dalej w dziale Konfiguracja galerii.
Wysyłanie zdjęć
Ostatnim etapem jest opublikowanie przygotowanych zdjęd w Internecie.
Kopiowanie plików na serwer
Przygotowany folder ze zdjęciami 08.22 – Wydarzenie A trzeba skopiowad do ścieżki
www.porcjunkula.org/galeria/2008/ zgodnie z przyjętą konwencją. Zadanie to można
wykonad za pomocą dowolnego programu współpracującego z protokołem FTP.
Polecam program Total Commander do łatwego i intuicyjnego wysłania zdjęd na serwer.
Program Total Commander 7.04a można ściągnąd ze stron:
http://totalcmd.pl/download/app/new
http://dobreprogramy.pl/index.php?dz=2&id=3
Obsługa programu Total Commander
Po poprawnym zainstalowaniu i uruchomieniu programu Total Commander powinien byd widoczny
Ekran 4 lub podobny. Jest to typowy dwukolumnowy menedżer plików z wbudowanym klientem
FTP. Obsługa programu nie nastręcza żadnych trudności. Można obsługiwad program myszką metodą
przeciągnij i upuśd (ang. drag and drop). Pełna obsługa klawiaturą też jest możliwa: TAB przełączenia
między kolumnami, ENTER wejście do katalogu/pliku, BACKSPACE poziom wyżej w hierarchii
katalogów, SPACE zaznaczenie/odznaczenie katalogu/pliku, F5 kopiowanie katalogu/pliku,
Ctrl+F otworzenie okna dialogowego Połączenie z serwerem FTP (Ekran 5).
Ekran 4 - okno główne Total Commander
Będąc w oknie Ekran 4 wybieramy z menu u góry kolejno Sieć i FTP Połączenie… Otwiera się okno
dialogowe Połączenie z serwerem FTP (Ekran 5). Musimy teraz skonfigurowad nasze połączenie.
Uwaga: wystarczy raz poprawnie skonfigurowad i zapamiętad to ustawienie.
Naciskamy przycisk Nowe połączenie… i otwiera się okno dialogowe FTP: szczegóły połączenia (Ekran 6).
Ekran 5 - wybieranie połączenia FTP
Należy uważnie wypełnid kolejne pola. Sesja to nazwa naszego połączenia, niech będzie to:
porcjunkula.org. Nazwa hosta: porcjunkula.org. W pole użytkownik wpisujemy nasz
login, a w pole hasło nasze hasło (jak podamy nasze hasło to będzie zapamiętane; można też zostawid
to pole puste, wtedy monit o hasło będzie przy każdej próbie połączenia; analogicznie jest z loginem).
W przypadku braku konta lub zgubienia hasła należy skontaktowad się z Administartorem.
Uwaga: przyznany login i hasło nie należy nikomu udostępniad.
Kolejne opcje pozostawiamy jak domyślne. Zalecam jednak dodatkowo wypełnid pole Zdalny Katalog
wartością: www.porcjunkula.org/galeria (wtedy po połączeniu domyślnie jesteśmy
ustawieni w folderze galerii). Zatwierdzamy przyciskiem OK. Wracamy do okna dialogowego (Ekranu 5).
Ekran 6 - konfiguracja połączenia FTP
W oknie dialogowym (Ekranu 5) wybieramy porcjunkula.org i naciskamy przycisk Połącz. Wracamy
do okna głównego programu (Ekranu 4). Jeżeli udało się połączyd to widzimy zawartośd folderu
galeria na serwerze porcjunkula.org. Otwieramy folder 2008. W drugiej kolumnie zaznaczamy
folder 08.22 – Wydarzenie A i wybieramy z menu na dole F5 Kopiowanie. Otworzy się okno
dialogowe, naciskamy OK i pojawia się kolejne okno dialogowe tym razem z postępem wysyłania.
Po zakooczeniu kopiowania okno znika i wracamy do okna głównego programu (Ekranu 4). Wówczas
należy sprawdzid czy wszystko zostało wysłane i rozłączyd się z serwerem naciskając przycisk Rozłącz
(u góry po środku). Po dłuższej chwili bezczynności serwer sam się rozłączy z klientem.
Efekt pracy można obejrzed już pod adresem: https://www.porcjunkula.org/galeria.php
Konfiguracja galerii
Po wysłaniu plików ze zdjęciami na serwer można konfigurowad galerię z poziomu przeglądarki
internetowej. Wszystko ma jednak odzwierciedlenie w tworzonych plikach tekstowych (*.txt)
na serwerze. Zapamiętywane ustawienia znajdują się w trzech rodzajów plików omówionych poniżej.
Opis pliku „album.txt”
Każdy album (zbiór zdjęd z jednego wydarzenia zebrany w jednym folderze, z możliwymi
podfolderami) zawierad może jeden plik „album.txt”. Zawiera on dodatkowy opis wydarzenia,
z pełną nazwą, datą, ew. podtytułem i nazwiskami autorów zdjęd. Całośd jest sformatowana
znacznikami HTML.
Przykład uzyskanego efektu:
XXVIII Piesza Pielgrzymka Wrocławska na Jasną Górę, 2-10.08.2008 r.
Hasło: "Tak będziesz wierzył"
/ Agnieszka Wolska, Grażyna Jelinek, Mateusz Jędrzejewski, Piotr Kantorski /
Przykład kodu HTML:
XXVIII Piesza Pielgrzymka Wrocławska na Jasn± Górę,
2-10.08.2008 r. Hasło: "Tak będziesz wierzył" 
 / Agnieszka Wolska, Grażyna Jelinek, Mateusz
Jędrzejewski, Piotr Kantorski /
Z porównania kodu i prezentacji jego efekty można wywnioskowad, że:
 Znacznik zaczyna pogrubienie tekstu, a znacznik kooczy.
 Znacznik to wymuszenie przejścia do nowej linii (tak jak ENTER w edytorze tekstu,
uruchamia nowy akapit). Nie ma specjalnego znacznika zamykającego.
 Znacznik zaczyna pomniejszenie rozmiaru czcionki, a znacznik kooczy.
 Znacznik zaczyna kursywy tekst, a znacznik kooczy.
Uwaga: tworzone pliki mogą zawierad polskie znaki diakrytyczne, ale należy stosowad kodowanie
ISO 8859-2, więc zaleca się edycję plików z poziomu przeglądarki internetowej.
Chcąc edytowad plik „album.txt” trzeba się zalogowad do panelu administracyjnego strony
(http://www.porcjunkula.org/admin2.php) używając loginu: admin. Wybrad poddział Edytuj podpisy
w galerii, a w nim opisy poszczególnych albumów. Edycję zatwierdzamy przyciskiem Zmieo opis.
Po zakooczonej pracy należy wylogowad się.
W przypadku braku znajomości haseł należy skontaktowad się z Administartorem.
Uwaga: przyznanych haseł nie należy nikomu udostępniad.
Opis pliku „thumbnail.txt”
Nowośd. Każdy album w dziale galeria zawiera jedno miniaturowe zdjęcia przy swoim opisie (wziętym
zresztą z pliku „album.txt” ). Plik można edytowad wyłącznie z poziomu serwera FTP. Jeżeli plik ten
nie został utworzony przez użytkownika skrypt galerii sam wylosuje miniaturę zdjęcia i zapisze ścieżkę
dostępu w pliku „thumbnail.txt”.
Przykładowa zawartośd:
galeria/2008/08.02-10%20-%20Pielgrzymka/mateuszj/IMGP5055.JPG
Opis pliku „[NAZWA_ZDJĘCIA].txt”
Każde zdjęcie w galerii może zawierad swój podpis. Wyświetlany jest on zawsze pod zdjęciem.
Przechowywany jest w pliku o nazwie zdjęcia plus rozszerzenie „.txt”.
Przykład nazwy pliku ze zdjęciem:
DSCF5285.JPG
Przykład nazwy pliku z opisem zdjęcia: DSCF5285.JPG.txt
Przykładowa zawartośd:
Słynny "Leon" - twórca "trasy Leona" (żywa legenda ;-) )
Uwaga: tworzone pliki mogą zawierad polskie znaki diakrytyczne, ale należy stosowad kodowanie
ISO 8859-2, więc zaleca się edycję plików z poziomu przeglądarki internetowej.
Chcąc edytowad/tworzyd pliki „*NAZWA_ZDJĘCIA+.txt” trzeba się zalogowad do edycji opisów
(http://www.porcjunkula.org/admin2.php) używając loginu: galeria. Wybrad dział Galeria, a w nim
wyświetlid zdjęcie, któremu chce się nadad podpis. Zmianę zatwierdzamy przyciskiem Edytuj.
Po zakooczonej pracy należy wylogowad się.
W przypadku braku znajomości haseł należy skontaktowad się z Administartorem.
Uwaga: przyznanych haseł nie należy nikomu udostępniad.
Aktualizacja zdjęć
Może się zdarzyd, że chcemy jakieś zdjęcie podmienid na nowsze. Wysyłamy oczywiście nowe pliki
na serwer nadpisując istniejące zdjęcia. Okazuje się jednak, że przeglądając zdjęcia w galerii wcale
nie obserwujemy ich nowszych wersji. Problem może byd dwojaki. Po pierwsze do galerii zdjęd
wysyłamy tylko jedną kopię danego zdjęcia (w jednym rozmiarze, dla naszej wygody). Jednak skrypt
galerii w miarę oglądania zdjęd generuje automatycznie kopie w różnych rozmiarach już oglądanych
zdjęd. Powoduje to, że jedno zdjęcie jest w kilku egzemplarzach (patrz folder tmpgfx na serwerze).
Cechą charakterystyczną jest to, że oryginał i kopie mają takie same nazwy plików. Przy aktualizacji
trzeba usunąd wszystkie stare kopie zdjęcia. Można zadad pytanie dlaczego skrypt się tak zachowuje?
Odpowiedź jest prosta, pomniejszanie zdjęcia jest pracochłonne, więc jak już serwer wykona tą pracę
raz to wynik zapisuje w odpowiednich plikach w folderze tmpgfx. Każde następne wywołanie
miniaturki zdjęcia powoduje odwołanie się to już istniejącego pliku w danym rozmiarze, a nie
generowanie nowej miniaturki. Zysk jest w tym, że pliki zdjęciowa są rzadko aktualizowane, a często
wywoływane (oglądane). Do drugie przeglądarka lokalnie na dysku tworzy kopię oglądanych zdjęd.
W tym wypadku trzeba wyczyścid pamięd podręczną przeglądarki (ang. cache).
Uwaga: dla wygody przy większych aktualizacjach można ręcznie usuwad całe foldery
z podfolderami danych albumów z kopiami zdjęd z katalogu tmpgfx.
Dodatki na deser
Administrator
Administracją strony www.porcjunkula.org zajmuje się Paweł Sroka. Wszystkie uwagi odnośnie
funkcjonowania serwera i galerii należy zgłaszad na e-mail: [email protected].
Również w celu uzyskania loginu i hasła należy kontaktowad się z Administratorem.
Słowniczek
artefakty
EXIF
FTP
HTML
W technikach komputerowych, artefakty odnoszą się najczęściej do komputerowego
tworzenia lub przetwarzania mediów (np. obrazu, dźwięku). Są to wady będące skutkami
ubocznymi zastosowania poszczególnych algorytmów.
Exchangeable Image File Format (Exif) – standard metadanych dla plików z obrazkami,
wydany przez Japan Electronics and Information Technology Industries Association.
(ang. File Transfer Protocol) – protokół typu klient-serwer, który umożliwia przesyłanie
plików z i na serwer poprzez sied TCP/IP.
(ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – dominujący
język wykorzystywany do tworzenia stron internetowych. Pozwala opisad strukturę
informacji zawartych w dokumencie nadając znaczenie poszczególnym fragmentom
tekstu (formując linki, nagłówki, akapity, listy, itp.) oraz osadzid w tekście dodatkowe
obiekty np. statyczne grafiki, interaktywne formularze, dynamiczne animacje. W składni
języka HTML wykorzystuje się znaczniki opatrzone z obu stron nawiasami ostrokątnymi.
Internet
(łac. inter między, ang. net sied, dosłownie międzysied) – ogólnoświatowa sied
komputerowa logicznie połączona w jednorodną sied adresową opartą na protokole IP
(ang. Internet Protocol). Dostarcza lub wykorzystuje usługi wyższego poziomu oparte
na telekomunikacji i związanej z nią infrastrukturze.
JPEG
(wym. dżej-peg lub jot-peg) – standard kompresji statycznych obrazów rastrowych,
przeznaczony głównie do przetwarzania obrazów naturalnych (zdjęd satelitarnych,
pejzaży, portretów itp.), charakteryzujących się płynnymi przejściami barw oraz brakiem
lub małą ilością ostrych krawędzi i drobnych detali.
Katalog, folder (ang. directory, folder) – logiczna struktura organizacji danych na nośnikach pamięci.
Katalog może zawierad pliki i kolejne katalogi. Można powiedzied, że katalog to pojemnik
na pliki (i/lub inne katalogi), pozwalający je katalogowad, zamiast składowad
bezpośrednio w katalogu głównym systemu plików.
KB
(Kilobajt, rzadziej kB, ang. Kbyte, kbyte, kilobyte ) – jednostka używana w informatyce
do określenia ilości informacji lub wielkości pamięci. W przeciwieostwie do innych
dziedzin nauki, w informatyce przedrostek kilo oznacza nie krotnośd 103, tylko 210.
Powyższe definicje pochodzą ze strony: pl.wikipedia.org
M
megapiksele, oznaczenie wielkości zdjęcia, np. 10M to zdjęcie zawierające 10 milionów
pikseli. Wielkośd ta nie definiuje formatu zdjęcia. Jest natomiast powiązana z liczbą
szczegółów na zdjęciu (im większa wartośd tym większe, lepsze jakościowo zdjęcie).
Spis ekranów
Ekran 1 - okno główne FastStone Photo Resizer ........................................................................... 2
Ekran 2 - opcje formatu pliku wynikowego................................................................................... 2
Ekran 3 - ustawianie wielkości zdjęcia .......................................................................................... 3
Ekran 4 - okno główne Total Commander..................................................................................... 5
Ekran 5 - wybieranie połączenia FTP............................................................................................. 5
Ekran 6 - konfiguracja połączenia FTP........................................................................................... 6
Spis treści
Zamiast wstępu .................................................................................................................. 1
Przygotowanie zdjęd ........................................................................................................... 1
Zmniejszanie zdjęd .............................................................................................................. 1
Obsługa programu FastStone Photo Resizer ...................................................................... 2
Przygotowaniu folderu........................................................................................................ 3
Wysyłanie zdjęd .................................................................................................................. 4
Kopiowanie plików na serwer ............................................................................................. 4
Obsługa programu Total Commander ................................................................................ 4
Konfiguracja galerii ............................................................................................................. 6
Aktualizacja zdjęd ................................................................................................................ 8
Dodatki na deser................................................................................................................. 8

Instrukcja dodawania zdjęć do galerii - Index of

Transkrypt

Podobne dokumenty

Broszura Galerii Nowy Świat