Autor: Przemek

Właśnie dzisiaj podpisaliśmy kontrakt na wynajem domu na nasze nowe biuro. Decyzję podjęliśmy w związku z planowanym zwiększeniem zatrudnienia w naszej firmie, a w starym biurze było po prostu już za ciasno. Zdecydowaliśmy się na wynajem większego lokalu i prowadzić tam naszą działalność przez najbliższych kilka lat.

Mam nadzieje, że nowy lokal wzbudzi jeszcze większe zaufanie wśród naszych dotychczasowych i przyszłych klientów. Przeprowadzkę planujemy w przerwie świąteczno-sylwestrowej, tak aby nasi klienci nie odczuli opóźnień przy dotychczasowych projektach.

Dawno tu nie zaglądałem z prostego powodu – brak czasu. Optymalizację również zakończyliśmy wcześniej, ale już najwyższa pora aby opublikować rezultaty.

Co się zmieniło?

Przepisaliśmy praktycznie od nowa wszystkie funkcje wyciągające dane z CMS, napisaliśmy procedury do MYSQL tak aby to na bazie danych spoczął obowiązek przygotowywania danych. Dopisaliśmy system cache, który generuje statyczną wersję serwisu internetowego. Nasza baza z ponad milionem podstron przy testach nie wykazała większych opóźnień niż przy bazie z kilkoma podstronami.

Obciążenie funkcji wyciągającej dane:

Obciążenie całego systemu:

Obciążenie systemu z wykorzystaniem cache:

Dla marketerów z trójmiasta nie jest niczym dziwnym, że na hasło „projektowanie stron www Gdynia” i inne pochodne jesteśmy na pierwszym miejscu. Aczkolwiek niewiele osób wie, że staramy się od początku roku wskoczyć do TOP10 na hasło „projektowanie stron www”. Aktualnie nasza strona przechodzi przez Google Dance i niestety pozycja się bardzo chwieje między 18 a 30. Po analizie stwierdziliśmy, że musimy popracować nad naszą pozycją na hasło „projektowanie stron www Gdańsk„.

Sukces dobrze wykonanego projektu internetowego zależy od poprawnego zaplanowania poszczególnych prac. To czego mogłem unikać podczas pracy jako freelancer nie przekłada się zupełnie w pracy agencji interaktywnej. Bez sprawnego zarządzania pracami agencji projekty są wykonywane nierzetelnie i znajduje się w nich sporo błędów. Przekłada się to na stratę zasobów, które poświęcane są na wprowadzanie co nowych poprawek do projektu.

(więcej…)

W ramach rozwoju aplikacji CMS BlueHighway postanowiliśmy się przyjrzeć kodowi PHP i zapytaniom MYSQL. Aby nasze testy wydajnościowe były rzetelne postawiliśmy specjalny wewnętrzny serwer Unixowy, który nie jest obciążony żadnymi innymi procesami. Jako maszynę testową posłużył nam stary komputer, który wcześniej używaliśmy do pracy. Parametry nie zbyt oszałamiające: Celeron 2.6, 1 GB RAM, dysk 120 GB, ale dla naszych testów to nawet lepiej.

Naszym celem jest taka optymalizacja, aby system CMS chodził płynnie dla 100.000 podstron oraz 1.000.000 artykułów, dlatego rozpoczęliśmy pracę od napisania skryptu, który nam wygeneruje taką ilość danych. Wygenerowana baza zajęła około 100MB!

Do testowania wydajności użyliśmy rozszerzenia PHP Xdebug a do analizy wyników aplikacji z pod KDE: kcachegrind. Pierwsze testy wyszły dość pozytywnie, szczerze myślałem, że przy takiej bazie aplikacja będzie działać dużo wolniej. Okazało się, że bez problemu można przeglądać stronę. Ale nie ma róży bez kolców, po obejrzeniu wygenerowanego wykresu obciążenia znaleźliśmy kilka punktów w aplikacji, które zbyt przeciążają system.

Podczas optymalizacji na bieżąco będę umieszczał wykresy obciążenia aplikacji, czasu zapytań mysql oraz testy apache benchamrk.

Podczas mojej wieloletniej pracy przy różnego rodzajów projektów internetowych, a teraz będąc project managerem w Web24.com.pl zacząłem doceniać jak ważnym elementem jest dobrze zaplanowany plan działań. Oczywiście nie chodzi mi tu o zwykłe harmonogramy tworzone w Excelu, które bardzo często mają się nijak do rzeczywistości. Przy projekcie webowym zawsze należy założyć kilka % czasu na nieprzewidziane elementy np. przy kodowaniu lub tworzeniu kreacji graficznej. Harmonogramy mają to do siebie, że przesuwają się w obu kierunkach, czasami etap projektu jest zakończony szybciej, a czasami wychodzi poza określony deadline.

(więcej…)

Nastąpił sądny dzień – uruchomiliśmy nasz blog firmowy, Wiem trochę to potrwało, ale skupiło się na to wiele czynników. Zrealizowaliśmy kilka większych zleceń, między innymi dla Fundacji Marka Kamińskiego, firmy Dom&House z Sopotu, firmy Orlex z Wejherowa a aktualnie kończymy stronę internetową Solidarności. Do tego doszło całe zamieszanie związane z re designem identyfikacji naszej firmy, a dzięki nowej stronie firmowej ilość zleceń wzrosła kilkukrotnie.

(więcej…)

System CMS BlueHigway jest podzielony na 3 oddzielne kontenery:

• struktura strony
• moduły funkcjonalne np: artykuły
• kontener mediów

Aby stworzyć artykuł w systemie, pracę należy zacząć dokładnie w odwrotnej kolejności niż przedstawiłem powyżej. A więc zaczynamy od kontenera mediów. Po rozsunięciu zakładki ukaże nam się drzewo katalogów.

(więcej…)

Agencja interaktywna Web24.com.pl jest właścicielem nowatorskiej aplikacji CMS służącej do zarządzania treścią stron internetowych. Nasza aplikacja jako jedna z pierwszych w Polsce została oparta o framework ExtJS. Całość aplikacji jest zbudowana w technologii MVC, dzięki czemu jesteśmy w stanie szybko tworzyć nowe funkcjonalności zlecone przez naszych klientów. Całość jest wyposażona w przyjazny panel administracyjny, który jest obsługiwany praktycznie za pomocą samej myszy w technologii Drag&Drop.

Istotą aplikacji jest przeniesienie wszelkich operacji wejściowych i wyjściowych w tło, tak aby użytkownik nie musiał czekać na przeładowanie strony. W praktyce przyśpiesza to zarządzanie serwisem aż o 30%. Jak to wygląda? Na poniższym zdjęciu zaprezentowałem listę artykułów przypiętych do podstrony „Oferta”. Jeżeli chcemy zmienić ich kolejność wyświetlania, chwytamy myszką za jeden z nich i przenosimy go w inne miejsce. Po jego upuszczeniu możemy zająć się już innymi czynnościami, np. poukładaniem reszty artykułów a system w tle wyśle zapytanie protokołem XHR i podmieni wpisy w bazie danych – przy tradycyjnej aplikacji musielibyśmy czekać na przeładowanie strony, co w zależności od szybkości łącza oraz serwera może trwać od kilku do kilkudziesięciu sekund. Dzięki temu rozwiązaniu bezproblemowo można obsługiwać system za pomocą łącz GSM, co w dzisiejszych czasach jest niezastąpioną wartością.

System CMS BlueHighway to efekt naszej czteroletniej pracy i doświadczenia przy realizacji projektów internetowych. W ciągu tego czasu powstało ponad 50 wersji testowych aplikacji, a aktualnie pracujemy nad wersją oznaczoną symbolem 2.2.

CMS BlueHighway to aplikacja, która w prosty sposób pozwala na pracę nad rozbudowanymi serwisami internetowymi i edycję ponad 10.000 podstron. Dzięki rozdzieleniu struktury serwisu od treści w aplikacji panuje pełny porządek. Dodatkowo administrator systemu może uruchomić moduł praw dostępu, dzięki któremu określeni użytkownicy będą mogli edytować tylko określone działu strony internetowej.

Praca z mediami w aplikacji również nie jest problemem. Dzięki systemowi MassUpload jesteśmy w stanie szybko dodać duży zbiór mediów do CMS, który automatycznie przeskaluje rozmiary zdjęć do zdefiniowanych formatów. Dodatkowo w aplikacji może zostać uruchomiony moduł Watermark, który na każdym zdjęciu doda półprzeźroczyste logo firmowe.

Zarządzanie samymi mediami, artykułami i produktami w aplikacji jest intuicyjne i nie sprawia żadnych problemów. Moduł QuickAdd  pozwala na szybkie dodanie np. galerii zdjęć do artykułu poprzez zaznaczanie wybranych zdjęć. Przy budowie naszego serwisu firmowego stworzenie galerii 50 realizacji zajeło nam dosłownie 30 sekund.

(więcej…)