Magia interfejsu. Praktyczne metody projektowania aplikacji internetowych to solidna książka o tworzeniu interfejsów użytkownika dla stron i aplikacji internetowych. Ocenianie książki po rozmiarze czy grubości jest błędem. Niecałe trzysta stron to dokładne opisy codziennych zmagań milionów użytkowników internetu z oprogramowanie, którego używają. Proponowane rozwiązania i poprawki są solidnie argumentowe przez wielotetnie doświadczenie i dążenie do ideału.

Autor opisuje sposoby projektowania formularzy danych, ekranów logowania czy nawigacji. Kolejne rozdziały poruszają kwestie przeglądania wyników wyszukiwania, usprawnienia wyszukiwania i zarządzania informacjami. Tematy takie jak, chmura tagów, przeciągnij i upuść albo poka-yoke również nie są mu obce. Jeśli myślisz, że twoje projekty są poprawne i użyteczne, koniecznie zweryfikuj ten pogląd poprzez lekturę tej książki. Najpweniej znajdziesz cenne uwagi, które przydadzą się w przyszłości.

Książki skupia się w dużym stopniu na krytycznym podejściu do projetowania, ze względu na wiele problemów, które dotykają użytkowników oprogramowania. Jeśli tylko coś robimy w określony sposób, nie oznacza to, że inni postępują identycznie. Ilość problemów jakie rodzi źle wykonany interfejs zaskoczy niejednego doświadczonego programistę lub projektanta.

OSTATECZNA OCENA: 4/5

• Autor: Robert Hoekman jr
• Tytuł oryginału: Adapting to Web Standards: CSS and Ajax for Big Sites (Voices That Matter)
• Tłumaczenie: Paweł Szajkowski
• ISBN: 978-83-246-1943-6
• Format: 168×237, 264 strony
• Data wydania: 01/2010 (Helion)

Aktualna tematyka bloga Rogera to nadal technologie internetowe, jednak częste wpisy są głównie krótki notkami. Mimo tego wkład autora w rozwój internetu pozostaje nieoceniony. Mało, które strony przez lata utrzymują wysoki poziom prezentowanych treści.

Koło naukowe jako podmiot o sprecyzowanych celach i zakresie działania jest ograniczony pod innymi względami. Trudno oczekiwać, aby ludzie lubiący fizykę, znali właściwe techniki tworzenia stron internetowych. Jednak nie jest to wcale wykluczone.

W 2007 roku jako aktywny członek koła postanowiłem stworzyć nową wersję strony internetowej. Zmiany obejmowały nowy layout i kolorystykę, a także automatyzację procesu zarządzania treścią.

Prosty, tematyczny i estetyczny projekt w tajemniczych fioletach funkcjonował przez ponad rok zanim, dopóki ktoś nie postanowił go zmienić. Na temat gustów się nie dyskutuje, ale czy zmiany poszły w dobrym kierunku, szczerze wątpię.

Program Erasmus sjest skierowany do ludzi młodych. W związku z tym strona internetowa powinna być dynamiczna i odważna. Zarówno pod względem kolorystki jak i układu projekt spełnia wymienione warunki. Istotnym czynnikiem przy tworzeniu takich projektów jest wyczucie granicy w działaniach, na które można sobie pozwolić.

Strona zawiera podstawowe informacje odnośnie uczelni partnerskich, zasad dotyczących wyjazdów, a także aktualności związanych z aktualną rekrutacją studentów. Dodatkowo istnieje archiwum wiadomości dla studentów oraz kanał RSS.

ACP 1.0 i jego kolejne wersje były wykorzystane między innymi przy projektach SaritorPark oraz Biuro Projektów Tyczyński Wojtas. Pierwsze wersje systemu ACP były mało elastyczne w kwestii wykorzystania w kolejnych projektach.

Dopiero wersje z rodziny 2.x można nazwać prawdziwymi systemami zarządzania treścią. Zastosowanie technik obiektowych dostępnych w PHP5 pozwoliło na ponowne wykorzystanie tego samego kodu. Przeprojektowanie interfejsu użytkownika, a także kompletna analiza dostępnych scenariuszy sprawiła, że panele administracyjne od wersji 2.0 stały się potężnymi narzędziami ułatwiającymi zarządzanie serwisem.

Najlepszym przykładem skalowalności i szybkiej adaptacji systemu ACP jest jego zastosowanie w rozbudowanym serwisie SquareZone, a także prostej stronie Erasmus.

CSS Zen Garden od lat pokazuje siłę CSS jako technologii stworzonej do wizualizacji stron internetowych. Wszystkie autorskie projekty z ogrodu korzystają z tego samego kodu XHTML, ale mają swoje własne arkusze stylów.

Książka podzielona jest na rozdziały, które na konkretnych przykładach, zaczerpniętych z CSS Zen Garden opisują zasady prawidłowego projektowania stron. Dodatkowo omawiane są sztuczki jakie zastosowali autorzy w celu ominięcia błędów przeglądarek i innych napotkanych trudności. Dzięki tej książce poznamy właściwe zasady kompozycji i zrozumiemy jak duże znaczenie ma dobór kolorów. Poznamy także sposoby, które pozwolą nam tworzyć lepsze i ciekawsze strony internetowe.

OSTATECZNA OCENA: 5/5

• Autorzy: Dave Shea, Molly E. Holzschlag
• Tytuł oryginału: The Zen of CSS Design: Visual Enlightenment for the Web
• Tłumaczenie: Piotr Rajca, Marcin Samodulski
• ISBN: 83-246-0084-1
• Format: 210×235, stron: 304
• Data wydania: 05/2006 (Helion)

Strona internetowa biura projektowego zawiera podstawowe informacje na temat firmy, jej specjalizacji oraz form kontaktu. Użytkownicy mogą także przeglądać bogatą listę realizacji i projektów formy wraz ze szczegółowymi opisami. Możliwe jest przeglądanie rekordów według kategorii i czasu realizacji.

Cała strona internetowa składa się z kilku podstron połączonych rozbudowaną nawigacją. Wygląd poszczególnych fragmentów jest połączeniem prostoty i dbałości o szczegóły, tak mocno ważnych przy projektowaniu konstrukcji budowlanych. Wszelkie elementy zostały zaprojektowane tak, aby w minimalnym stopniu rozpraszać użytkownika i pozwolić na łatwe przeglądanie treści.

Techniki zastosowane przy tworzeniu strony internetowej pozwalają na łatwe odnalezienie tej strony w sieci przez użytkowników, ale także wyszukiwarki sieciowe. Również rozbudowany system zarządzania treścią pozwala na łatwe administrowanie serwisem.

Ogólnie zmiany można zaliczyć na plus, chociaż każdy może mieć na ten temat swoje zdanie. W porównaniu z poprzednią wersją zmianom uległ jedynie układ. Zwiększono szerokość strony, a także zamieniono miejscami niektóre sekcje. Niebieska kolorystyka pozostała, chociaż trudno pierwotną wersją nazwać niebieską.

Zmian funkcjonalnych nie zauważyłem, choć możliwe, że takie również występują. Jedyne czego mi brakuje to większej ilości informacji o samym serwisie i zmianach. Podstawową funkcjonalnością serwisu jest przeszukiwanie ogłoszeń o pracę, więc pewnie to jest przyczyną braku wspomnianej sekcji. Wprawdzie występuje lakoniczna notka na temat zmian, ale podaje ona minimum informacji, których możnaby oczekiwać.