formatpixel.com to jedna z lepszych sieciowych aplikacji. Poprosiliśmy Jonathana Caplina, jego twórcę, by opowiedział o tym, jak powstawał serwis.Jak zbudowano formatpixel.com

formatpixel.com to jedna z lepszych sieciowych aplikacji. Poprosiliśmy Jonathana Caplina, jego twórcę, by opowiedział o tym, jak powstawał serwis.

Skąd pomysł na stworzenie formatpixela
i co skłoniło cię do jego utworzenia?

Mniej więcej dwa lata temu zaangażowałem się
w tworzenie i składanie magazynu, który ukazywał
się trzy razy do roku. Po wydaniu sześciu numerów
wydawca przeniósł się do Argentyny, toteż
zacząłem rozglądać się za sposobami, dzięki
którym moglibyśmy zdalnie wydawać następne
numery. Wpadłem na pomysł wizualnego edytora,
w którym strony mogłyby być edytowane
i podglądane. Był dosyć prymitywny, przeznaczony
jedynie do własnego użytku.

Moi przyjaciele, także ilustratorzy, w rozmowach
ze mną wskazywali na powody swojej
frustracji związanej z koniecznością uczenia się
HTML-a, niezbędnego do utworzenia serwisu
służącego autopromocji. Wpadłem więc na pomysł
rozszerzenia edytora, który umożliwiłby
użytkownikom wgrywanie własnych plików graficznych.
Udostępniając kilku znajomym dostęp
do systemu, pracowałem nad wcieleniem pomysłu
w życie i wkrótce poszerzyłem koncepcję
magazynu o broszury i portfolia.

Wreszcie zacząłem kodować to, co miało stać
się formatpixelem. To była cicha praca w ubiegłym
roku, bez zbytniej promocji. Dodawałem nowe
funkcje z myślą o projektantach, ilustratorach,
fotografach i twórcach.

Jak radziłeś sobie z pracami nad formatpixelem?
Czy zajmowałeś się nim w wolnym
czasie, gdy nie pracowałeś zawodowo?

To bardzo dobre pytanie! Ponieważ formatpixel
powstawał ponad rok, pracowałem nad nim
w wolnym czasie. Był dobrym sposobem zrównoważenia
zawodowych obowiązków, czymś osobistym.
System jest bardzo modułowy, co oznacza, że
mogę pracować nad poszczególnymi obszarami
w tym samym czasie, aktualizować i rozwijać je.

Co miało wpływ na projekt?

Sam projekt i sposób komunikowania się powstały
pod wpływem doświadczeń z korzystania
z programów DTP, takich jak QuarkXPress oraz
InDesign. Ponieważ kierowałem program do innych
twórców, chciałem dać im interfejs, w którym
czuliby się jak w domu. Uwzględniłem także
trendy pojawiające się w internecie. To zabawne,
ale pierwszy interfejs był minimalistyczny,
z biało-czarnymi ikonami, jednak komentarze
i zachęty od ludzi doprowadziły do opracowania
obecnego interfejsu.

Z jakich narzędzi i technik korzystałeś?

Makiety przygotowałem w Photoshopie, edytor
zbudowałem za pomocą Flasha 8 oraz Action-
Scriptu 2, natomiast szkielet tego wszystkiego
korzysta z ASP. Tam gdzie to możliwe, elementy
interfejsu użytkownika zostały opracowane w taki
sposób, by można było z nich skorzystać
w różnych częściach serwisu.

Zaprogramowałem
je od zera, starając się, by zajmowały jak najmniej
miejsca. Pierwsza testowa wersja działała
na bazie danych Access 2000, jednak szybko
przesiadłem się na MySQL. Bazą danych MySQL
administruję za pośrednictwem aplikacji o nazwie
DB Manager Professional. Odkąd opracowuję
i dodaję kolejne funkcje po stronie serwera,
które wymagają PHP, cały system jest w trakcie
przenoszenia do PHP.

Które wyzwanie było największe?

Opanowanie przechowywania danych i baz danych.
Moją specjalnością jest Flash i ActionScript,
toteż techniki po stronie serwera były czymś, czego
musiałem się nauczyć. Bardzo pomogły mi rozmowy
z wieloma programistami i ich porady.
Pierwotny system przechowywał dane projektów
w bazie danych, jednak gdy coraz więcej
użytkowników zaczęło z niego korzystać, system
zaczął działać wolniej.

W jeden wieczór zmieniłem
system przechowywania, tak by tworzył statyczne
pliki XML, i to rozwiązanie działało bez
zarzutu zarówno w samym serwisie, jak też
w przypadku funkcji eksportującej pliki do naszego
komputera. Pliki XML można przeszukiwać
korzystając z pomocy systemu znaczników.

Czy otrzymałeś jakieś oferty pracy po opracowaniu
formatpixela? Jaka była reakcja?

Otrzymałem kilka pytań o to, jak system jest zbudowany,
kilka o budowę bardziej sprofilowanego systemu
na potrzeby firm oraz jedno pytanie od firmy
hostingowej. Zdecydowałem jednak o pozostaniu
przy oryginalnej wersji systemu. Reakcje były bardzo
zachęcające, z coraz większą liczbą rejestracji
i coraz większym ruchem. To wspaniałe móc obserwować
ilustratora lub fotografa, który za pomocą
mojego systemu przygotowuje prezentację online.

Co jest siłą formatpixela?

Cóż, potężne funkcje mają się wkrótce tu pojawić,
m.in. będzie to możliwość dodawania animacji
do każdego obiektu umieszczonego w promagazyn.
jekcie. Będziemy mogli zmieniać kierunek, szybkość
i styl. Niektóre nowe funkcje eksportujące
mają też kluczowe znaczenie dla odtwarzania na
wielu platformach.

Obecnie nad wszystkim pracujesz sam. Czy
zastanawiałeś się nad udziałem innych
osób w projekcie, czy nawet nad jego
sprzedażą?

Lubię zajmować się rozwojem formatpixela, nadal
mam listę swoich życzeń i cały czas dodaję
nowe funkcje. Wspaniale byłoby móc oferować
pojemniejsze konta oraz udostępniać główny
system w postaci pliku instalacyjnego, tak by
każdy mógł sobie ustawić własny system formatpixela.
Pewien rodzaj współpracy lub inwestycje
byłyby mile widziane, gdyż obecnie wszystko finansuję
z własnej kieszeni i właśnie rozpoczynam
tworzenie niezbędnej infrastruktury. To jedyne
wąskie gardło blokujące możliwość zaoferowania
pojemniejszych kont.

Jak, twoim zdaniem, będzie wyglądać
przyszłość publikowania?

Powstaje wiele magazynów online. To wspaniały
sposób na wyrobienie marki online w formie do
której ludzie się przyzwyczaili. Jednak nie wydaje
mi się, by publikowanie online miało kiedykolwiek
wyprzeć media oparte na papierze.

Szczegóły techniczne

Serwis umieszczono na serwerze windowsowym,
natomiast projekty są przechowywane w plikach
XML w luźnym systemie plików i opisane znacznikami
w bazie danych. Inne składowe projektu,
jak grafiki czy filmy w formacie FLV, także są
przechowywane i opisane znacznikami, co oznacza,
że każdy element ma swój wpis w bazie danych.

Wszystkie dane serwisu są przechowywane
w bazie danych MySQL. Główny edytor zbudowano
we Flashu oraz ActionScripcie 2, i pełni on
także rolę odtwarzacza. W edytorze możemy też
zapisywać swoje projekty offline. Odtwarzacz korzysta
z tych samych SWF-ów co edytor online,
jest jednak publikowany za pomocą Multimedia
Zinc z dodatkiem kilku funkcji.

Może Cię zainteresować:

1. Jak zbudowano Twitter.com
2. Jak zbudowano Platial.com
3. Jak zbudowano Habbo.com