Archiwum z Mar 2006

The Media Beat

Strona główna tereshchuk.comDavid Tereshchuk jest dziennikarzem pisującym dla takich gazet jak New York, New York Times, The Guardian i Observer.

Moim zadaniem było dokończenie projektu strony, swoistego bloga, rozpoczętego przez kolegę Sławka. Większość zawartości witryny stanowią teksty, więc podobnie jak w przypadku Centrum Praw Kobiet moje zadanie sprowadzało się do pobrania i zaprezentowania artykułów. Dorobiłem prostą wyszukiwarkę artykułów archiwalnych i zastosowałem bibliotekę PEAR::CacheLite, by zwiększyć wydajność. Zdecydowałem sie trzymać wyniki funkcji zwracających wyniki z bazy danych, a nie całe strony HTML. Wykorzystałem też mechanizm wyszukiwania zrobiony na potrzeby Centrum Praw kobiet.

Ciekawym wyzwaniem okazała się sekcja Video. Na początku funkcjonowała ona jako lista miniatur zdjęć i odnośników do filmów do pobrania. W pewnym momencie klient zażyczył sobie, by filmy były odtwarzane bezpośrednio na stronie. Pogrzebałem po sieci i znalazłem przyjemną bibliotekę do osadzania filmów QT. Na początku kombinowałem z dwoma warstwami: jedną z miniaturką i drugą z filmem. Miałem jednak problemy z tym pod IE. W końcu wpadłem na pomysł, by na stronie umieszczać tylko miniaturki ze zdarzeniem onclick, które wywołuje metodą podmieniającą obrazek na film. Na koniec przeszukałem sieć i znalazłem, jak kontrolować odtwarzanie pliku przy pomocy JavaScript. Można naprawdę sporo w ten sposób osiągnąć – ja zrobiłem postęp ładowania. Trzeba tylko pamiętać o ustawieniu parametru EnableJavaScript na true.

Podstrona wideo Pojawił się jeszcze kłopot, bo trzeba było długo czekać, aż film się załaduje. Przyznam się, że coś źle zrozumiałem szukając informacji o tym w sieci, bo sądziłem, że da się to tylko zrobić przy pomocy jakiegoś serwera streamingu. Dominik odkrył, że wystarczy przekonwertować pliki *.mov w odpowiedni sposób i wtedy odtwarzacz jest w stanie rozpocząć odtwarzanie jeszcze przed załadowaniem całego filmu.

Na koniec dodałem moduł rozsyłania biuletynów, który stworzyłem na potrzeby Centrum Praw Kobiet wprowadzając tylko drobne modyfikacje.

Użyte technologie: PHP5, MySQL 4.1, PEAR, Smarty, JavaScript

Echo of the Dreamer

Strona główna Echo of the DreamerEcho of the Dreamer to firma prowadzona w większości przez panie zajmująca się produkcją biżuteri z wykorzystaniem naturalnych kamieni, pereł, muszli i innych skarbów Ziemi.

Moim zadaniem było dokończyć implementację serwisu internetowego. Na początek zabrałem się za przygotowanie skryptu do prezentowania pokazu slajdów ze zdjęciami produktów. Wcześniej było już coś podobnego zrobione we Flashu, ale nie odpowiadało klientowi. Napisałem zestaw prostych funkcji do obsługi komunikacji przy użyciu Ajax’a, poprawiłem skrypt generujący XML’a z danymi i w końcu zaimplementowałem prosty mechanizm pokazu slajdów.

Następne zadanie polegało na przygotowaniu paska przewijania zawartości elementu blokowego. Postanowiłem nie wymyślać koła od nowa i skorzystałem ze skryptu napisanego przez geeeet[at]ghtml.com. Niestety, skrypt bazował na pozycjonowaniu względnym, więc musiałem przerobić na bezwzględne. Ostatecznie efekt był całkiem niezły, ale nie ujrzał światła dziennego, bo panie stwierdziły, że chcą inny projekt graficzny i w nim spodobał im się standardowy pasek przewijania “przepełnionego” bloku.

Podstrona Echo of the DreamerDalsza część pracy to była realizacja kolejnych elementów z Project Scope. Podobało mi się to, że całość była podzielona na cześci (tzw. milestones). Realizowaliśmy je z kolegą Rafałem po kolei i po każdym ukończonym etapie organizowałem telekonferencję z klientem i przedstawiałem postęp oraz spisywałem uwagi.

W ten sposób zrobiliśmy kolejne sekcje serwisu. Mnie przypadły strony pojedynczych artykułów (Home, About us), wydarzenia (Events), prasa (Press), sklepy (Shop online). Rafał dorobił galerię kamieni oraz sekcję Wholesale (czyli galerię z produktami dla wybranych, zarejestrowanych dystrybutorów).

Równocześnie rozbudowaliśmy firmowy CMS używany do zarządzania witryną o kilka dedykowanych modułów m.in. do obsługi pokazu slajdów, wydarzeń, prasy i specjalny moduł pozwalający na zmianę styli. Ten ostatni był dość kontrowersyjnym przedwsięzięciem. Klient zażyczył sobie możliwość zmiany kolorów i wielkości czcionek, kolorów teł, podmiany niektórych obrazków (np. Logo), itp. Istniały uzasadnione obawy, że po takich zmianach strona będzie wyglądać nieciekawie, ale cóż… klient nasz pan. Rafał zrobił główną część modułu, ja potem dorobiłem kilka dodatków m.in. wgrywanie i podmiana plików ze zdjęciami.

W lutym 2006 roku strona została udostępniona.

Użyte technologie: PHP 4, MySQL 4.1, Ajax, HTML, CSS, JavaScript, Smarty, PEAR