Piotr GeoS Galas techblog

CT - Creative Technology

Category: webdesign (page 1 of 3)

Texts about webdesign.
Teksty o wedesignie.

Strona galerii z dużą ilością ciężkich zdjęć, a problem wydajności

Dziś opisuję “od kuchni”  niektóre niuanse działania jednego z serwisów, którymi się opiekuję, tym samym odsłaniając niektóre z tajemnic.

Przygotowując nowe rozwiązanie na potrzeby Legionisci.com (czyli tak na prawdę doskonale znane kibicom – Legialive.pl), przypomnieliśmy sobie o pewnym problemie i mankamencie przeglądania dużych galerii pełnych zdjęć w wysokiej (jak na Internet) rozdzielczości.

Continue reading

O ZTM i o doładowaniu WKM słów kilka

Skuszony informacją, że spersonalizowaną Warszawską Kartę Miejską (WKM) można doładować online, postanowiłem olać kolejki w kioskach i spróbować. Wydawało się, że to dość banalna operacja, którą bez problemu powinien móc przeprowadzić przedszkolak, ale niestety w naszym kraju nic nie może być proste, oczywiste i działać od razu bez zarzutu. Cała historia chronologicznie wyglądała/wygląda (bo w sumie jeszcze z tym dziadostwem walczę) tak.

Wszedłem na stronę główną. Wszystko cacy i niby taka opcja jak zakup biletu online, z której ZTM żyje, powinna być w miarę na wierzchu. Niestety najpierw trzeba wyszukać zakup biletu, co powiedzmy jeszcze można przeżyć i jakaś logika w tym jest, choć nie ułatwia tematu szybkiego załatwienia sprawy. Niby micro fail, ale da się jeszcze przeżyć.
Tam już na dzień dobry widać naszą wymarzoną opcję – kup bilet on-line. Wchodzimy i mamy 2 opcje. Zalogowania się/rejestracji/przypomnienia hasła lub doładowania, poprzedzonego komunikatem “W celu dokonania zakupu biletu użytkownik musi być zalogowany w serwisie.”. I niby fajnie, tylko po co prezentować formularz umożliwiający doładowanie klientowi, który jeszcze nie jest zalogowany. Nie wczytując się w treść strony wyklikałem wszystko po kolei, wybrałem opcję płatności mTransfer i wszystko super, nawet dostałem numer transakcji i komunikat, że szczegóły przyjdą na email. Tylko chwila – na jaki email?? Przecież żadnego mojego emaila skojarzonego z numerem WKM jeszcze nie mają? Tutaj odnotowujemy FAIL NUMERO UNO.

Zważając na to, że ZTM chce jakoś to wszystko powiązać do kupy i potrzebuje mojego emaila, przystąpiłem do rejestracji. Mała dygresja – szkoda, że po FAIL NUMERO UNO tego nie zaproponowano i nie doprowadzono tamtej transakcji do końca. Wypełniam wszystkie dane niezbędne do rejestracji i na koniec, po długiej chwili mielenia (czyżby baza danych była niezoptymalizowana i były problemy z dodawaniem kolejnych identyfikatorów klientów?) dostałem info, żebym w skrzynce wypatrywał wiadomości email z aktywacją konta – “Na podany adres został wysłany e-mail, w którym znajduje się instrukcja dotycząca potwierdzenia rejestracji.”. Znowu wszystko cacy, tylko wypatruje go, wypatruje i wypatrzeć nie mogę. Uprzedzając ewentualne podpowiedzi – w SPAMie tej wiadomości też nie ma. Tu mamy FAIL NUMERO DUE.

Od dłuższego czasu nie widać emaila z danymi aktywacyjnymi, to ponawiamy rejestrację. Odziwo system nie ma problemu z przyjęciem tych samych danych rejestracyjnych, co poprzednio. Wychodzi na to, że konfliktu z duplikatem adresu email lub numerku WKM nie ma. Analizując jeszcze głębiej – można domniemywać, że pierwsza rejestracja nie zapisała się w bazie, system może nie mieć czego dalej procesować, a tym samym może nie mieć podstaw do tego, żeby wysłać do kogo kolwiek jaki kolwiek email. To był FAIL NUMERO TRE.

Kolejną przetestowaną funkcjonalnością było przywracanie hasła. Tradycyjnie podajemy email, na który, znów po długim mieleniu, powinniśmy dostać owe zapomniane hasło. Przez pierwsze 2-3 razy przypominanie działało i dostawałem info, że na skrzynkę trafi wiadomość ze szczegółami dalszych działań, które są konieczne do podjęcia. Po kolejnych próbach otworzenia/rejestracji zaczął się już regularnie pojawiać napis – “Nie powiodło się wysłanie hasła na wskazany adres.”. Oczywiście nie muszę chyba wspominać, że żaden email nadal nie dotarł? FAIL NUMERO QUATTRO.

Podejście kolejne to przeprowadzenie procesu rejestracji z IE, a konkretnie IE8, bo może faktycznie mój hi-security FireFox z Adblockiem, No-Scriptem, Permit Cookie i innymi patentami mogą coś mieszać w prawidłowym działaniu apli. Oczywiście, znów uprzedzając podejrzenia, przed całymi zabawami wszystko zostało ustawione na umożliwiające prawidłowe działanie witryny ZTMu i ich partnera rozliczającego transakcje online – DotPay.
Pod misiem (pieszczotliwa nazwa MSIE, czyli Internet Explodera) rejestracja na te same dane znowu przechodzi bez problemu. Odtwarzanie hasła za pierwszym razem też śmigało bez problemu. Tutaj mamy już FAIL NUMERO CINQUE.

W międzyczasie wpadłem na pomysł, czy jednak pomimo tego całego bajzlu, system na pewno zna już mój adres email. Wpisałem dla testu dupa@dupa.com i system takiego adresu nie znał – “Podany adres e-mail nie istnieje w systemie.”. Wpisałem ponownie mój pierwotny i ten już znał, nawet informując o wysyłaniu na niego, przez kilka pierwszych razy, stosownych danych. Tutaj w zasadzie bez FAILa 🙂

Idąc za ciosem, i na prawdę chcą naładować ten &#@%&@ bilet, postanowiłem wprowadzić małą niespodziankę do całego procesu – zmieniłem adres email 🙂 I co się okazało? “Wprowadzony numer karty istnieje już w systemie i został skojarzony z kontem innego użytkownika. Nie możesz dokonywać zakupów dla tej karty.”, czyli jak system chce, to jednak wie i ma zapisane co i jak. Pytanie, czemu pozwala rejestować się kilka razy na te same dane – tego pewnie się nie dowiemy. FAIL NUMERO SEI.

Żeby utwierdzić się w tym, że jednak jest jakiś fuckup z rejestracją, wybrałem opcję przypominania hasła. Po wpisaniu adresu email, na który rejestowałem się i po dlugim mieleniu (ach te kosztowne indeksy na właściwych kolumnach baz danych), dostaje info, że “Nie powiodło się wysłanie hasła na wskazany adres.”. Coś z tym przypominaniem jest nie halo, raz działa, raz nie – FAIL NUMERO ….. SETTE.

Suma sumarum – mail z:
1. aktywacją – brak
2. przypomnieniem hasła – brak
Do tego bilet wciąż nienaładowany, a fail goni faila.

PS Mała dygresja na koniec – pod IE8 w całym procesie widać jakieś błędy przetwarzania JS, ale już nie będę wnikał w mało istotne szczegóły.
PS2 Dzięki temu wpisowi poduczyłem się włoskich liczebników 😉
PS3 Jeśli udało Wam się doładować WKM przez net, to w komentarzu wpiszcie przepis 🙂

Hosting w godaddy, a problem Error 404 przy zastosowaniu mod_rewrite

Dziś na jednym z kont posiadanych w godaddy chciałem dopisać regułkę mod_rewrite. Wszystko super, tylko niestety na hostingu współdzielonym dostawca ma problem z regułkami. Nie mniej i na to znalazło się wyjście.

Zakładając, że nasza reguła znajduje się w subdomena.domena.pl/pierwszyFolder/drugiFolder/ i przykładowo plik .htaccess wygląda następująco:

  1. RewriteEngine on
  2. RewriteRule ^przemapuj_(.*)$    index.php?zmienna=$1    [L]

Powinno to zostać zastąpione przez:

  1. RewriteEngine on
  2. RewriteBase /pierwszyFolder/drugiFolder/
  3. RewriteRule ^przemapuj_(.*)$    index.php?zmienna=$1    [L]

Już po komunikatach błędów widać, że niby ścieżka odwołania do docelowego pliku jest prawidłowa, a mimo to serwer ma problemy z jej znalezieniem. Dodanie RewriteBase je rozwiązuje.

LegiaLive! i Facebook Connect

Przedwczoraj oficjalnie na LegiaLive! odpaliliśmy możliwość komentowania przy użyciu Facebook Connect (FBC).
Dodatkowo w dniu wczorajszym losowo na stronach z newsami pojawił się Fan Box.

Główny cel odpalenia FBC na stronie jest oczywisty – uproszczenie wypełniania formularzy w sposób zgodny z aktualnymi trendami. Po wtóre cały czas eksperymentujemy z social media i po kolei rozbudowujemy naszą obecność e każdym z nich (uważni widzowie wiedzą gdzie już można nas znaleźć). Jak widać – nic nowego i w sumie każdy robi to samo. Kolejnych celów przedstawiać nie będę, ale stoi za tym również inna, dużo głębsza ideologia.

W miarę upływu czasu będziemy starali się doskonalić to, w jaki sposób pojawiamy się z naszą aktywnością w każdej ze społeczności, to chyba nie ulega wątpliwości i powoli można to zauważyć. Może nie wszystkie kanały na raz i nie z największym priorytetem, ale na każdy przydzie pora 🙂

Póki co notujemy bardzo przyjemny wzrost fanów naszej strony, co tylko potwierdza jakość ogromu pracy, który wykonujemy każdego dnia dla naszych czytelników. W końcu hasło przewodnie zobowiązuje – “przez kibiców, dla kibiców”.

PS Gdyby ktoś przeczytał ten tekst i pomyślał, że ma pomysły, chęci pomocy lub na czymś się zna, to zapraszam do kontaktu. Adres poczty email znajdziecie na tej stronie (czy to redakcyjny, czy mój).

Legia LIVE! & CoolIris

Od dłuższego czasu widzowie Legia LIVE! mogą oglądać galerie na kilka kolejnych sposobów. Obok wyświetlania dużych fotek po kliknięciu w miniaturkę (za pomocą kolejnej wersji zmodyfikowanego LightBoxa), poprzez wyświetlenie wszystkich zdjęć w wysokiej rozdzielczości na jednej stronie, a kończąc właśnie na 2 nowych, dostępnych dzięki staraniom firmy CoolIris.
Pierwsza z nich (1) to wersja Lite, wykorzystująca kawałek Flasha, JSa i XMLa. Fajne, ale to dopiero namiastka tego, co daje pełna wersja.
Druga wersja (2) to plugin do najpopularniejszych na rynku przeglądarek internetowych i umożliwia bardzo fajną interakcję z prezentowaną galerią. Można ją przewijać, powiększać, zmniejszać, przybliżać, oddalać, robić pokaz slajdów, dodawać do ulubionych, … . Na pewno chłopaki z CoolIris nie pokazali jeszcze wszystkiego na co ich stać.

From some time there is new option of browsing through pictures within galleries at Legia LIVE! portal. Next to browsing with moded LightBox, all full res pics on one page there are 2 new ways of doing it.
First one (1) is Lite edition which is using some Flash, JS and XML. Its nice but only first step to functions of the second one.
Second version (2) is plugin to all the most popular internet browsers which gives you option of scrolling, zooming, slideshow, adding to favourite and so on. Probably that is just small pice of all what guys from CoolIris are thinking of.

================================================

Zapraszam do obejrzenia demo / Take a look at small demo:
(1)

(2)

legia.mobi

Po kilku miesiącach przerwy w końcu udało się ukończyć prace nad nowym projektem – mobilna wersją witryny Legia LIVE!legia.mobi. Ponieważ jest to nasz pierwszy projekt z gatunku mobi, dlatego wszelka konstruktywna krytyka i komentarze są bardzo mile widziane.

After few months of breake finally we have finished works on new projekt – mobile version of Legia LIVE!legia.mobi. Because this is our first mobi-kind project then constructive critic and comments are welcome.

Panoramy / Panoramas

Przez ostatnich kilka dni bawiłem się w nowe podejście do pokazywania panoram fotograficznych na moich stronach. Poniżej 2 rezultaty. Komentarze mile widziane.

Within last few days I was playing with new methods of presenting my photo panoramas. Below you can see two of them. Comments are welcome.

1) Silverlight edition:

2) Panorama Wilanowa

Problem popsutej treści pod Apache / Problem of break down content under Apache

Od kilku miesięcy, jakoś po zmianie środowiska webdeveloperskiego z budowanego na własną rękę na WAMPa, występował u mnie problem popsutych/zmixowanych/rozjechanych/… obrazków, plików JavaScript i wszystkiego, co swoją treścią przekraczało 64KB (65535B).
Gdy od czasu do czasu trafiało się zlecenie i trzeba było wczytać do przeglądarki coś ponad te 64KB, to aż mnie szlag trafiał. Zaczynało się kombinowanie jak to obejść, później googlanie w celu znalezienia podobnego błędu u innych i jakiejś recepty na całe zło.
Okazało się, że rozwiązanie było dość proste i, co najśmieszniejsze, znalazłem je na forum poświęconym MS IIS.
Recepta wygląda tak – otwieramy plik konfiguracyjny httpd.conf i odkomentowujemy:

  1. EnableMMAP off
  2. EnableSendfile off

Być może jest jeszcze ktoś, kto męczy się z podobnym problemem i komu mój wpis pomoże (dotarcie do rozwiazania nie było dla mnie takie szybkie).

Above text tells that if you have problems with not proper showing images, loading scripts or any other content which Apache sends to your browser and what is bigger then 64KB (65535B) then it must be the same problem as I had for a few months (after changing webdevelopment plafromr to WAMP).
Solution is quite easy. Its enough just to uncomment in httpd.conf such lines:

  1. EnableMMAP off
  2. EnableSendfile off

I belive that this note can help also someone else as it wasn’t so easy (for me) to find it out.

PS Oryginalny link z rozwiązaniem / Oryginal link with solution:
http://www.sitepoint.com/forums/showpost.php?p=1840974&postcount=15

bisquit.pl

Jakąś chwilę temu oficjalnie została odpalona nowa wersja witryny bisquit.pl, którą miałem okazję popełnić przy dużym współudziale beetroot.pl (całość oprawy graficznej).
Jako że projekt rodził się w dużych bólach, to będę wdzięczny za info o ewentualnych usterkach/niedociągnięciach.

A while ago Ive launched new version of bisquit.pl site which Ive produced with great cooperation with beetroot.pl (whole graphic stuff).
When you find any bug then let me know.

Nowości na legialive.pl

Jakiś czas temu wprowadziliśmy na legialive.pl kilka nowości. Są te starsze, jeszcze nie przedstawiane wprost, ale widoczne dla wprawnych obserwatorów i te nowsze.

Zaczynając od starszych – nasi widzowie od dłuższego czasu (chyba od końcówki zeszłego roku) mają dostęp do 3 rodzai kanałów RSS:

  1. dostępny od dawna kanał z newsami, wzbogacony jakiś czas temu o miniaturki zdjęć – http://www.legialive.pl/rss/newsy.xml
  2. kanał informujący o najnowszych video publikowanych na legia.tvhttp://legia.tv/rss/newsy.xml
  3. oraz kanał informujący o najnowszych galeriach foto, który (podobnie do kanału newsowego) zawiera miniaturki wybranych zdjęć – http://www.legialive.pl/rss/galerie.xml

Do tego wszystkiego dochodzi jeszcze kilka kolejnych bajerów. Mianowicie można teraz drukować przeglądanego newsa, dzisiejsze lub wczorajsze oraz dowolny inny zestaw (istnieje opcja wyboru, co ma zostać wydrukowane). Dzieje się to za pomocą przycisku “drukuj” ().
Jest, już standardowa pozycja w każdym portalu, “poleć” (). W przeciwieńswie do jednego z naszych “konkurentów”, nie przerzucamy odpowiedzialności na program pocztowy, więc linka można wysłać mając nawet nieskonfigurowany program pocztowy (lub nawet go nie posiadając w systemie).
Jest ikonka RSSów (), po której naciśnięciu możecie wybrać jedną z wyżej opisywanych opcji kanałów. Taką samą ikonkę można zaobserwować w pasku adresu w nowych przeglądarkach (Mozilla Firefox, Internet Explorer 7, Opera) na wszystkich stronach Legia LIVE!.
Jako ostatnia prezentuje się ikona “dodaj do…” (), która pozwala zapisać linka do danej treści w bazie kilku największych stron zajmujących się gromadzeniem tego typu danych (zarówno z naszego “podwórka”, jak i zagranicznych).
Nie można też zapomnieć o naszych wiernych forumowiczach, którzy po przeczytaniu całego newsa mogą w łatwy sposób przenieść się spowrotem na forum przez przycisk “Forum Kibiców” ().

Ostatnim pomysłem jest możliwość publikowania na stronach naszych kibiców informacji o najnowszych newsach, jakie pojawiają się na naszej stronie. Póki co są przygotowane 2 zestawy kolorystyczne – na czarne i na białe tło. Przykładowy wygląd poniżej:

Szczegółowe informacje możecie znaleźć tutaj:
http://www.legialive.pl/news/26266_Nowosci_Legia_LIVE.html

Mamy nadzieję, że nasza praca wychodzi na przeciw oczekiwaniom naszych widzów, ale oczywiście zawsze jesteśmy otwarci na ich, tudzież Wasze, sugestie.

Older posts
  • RSS
  • Blip
  • Twitter
  • Facebook
  • GoldenLine
  • LinkedIn
  • Nasza Klasa
  • Grono
  • Panoramio
  • YouTube