Laboratorium kodu

Puzzle z obrazu „Sąd ostateczny” Michała Anioła

admin — Sat, 03 Mar 2012 23:39:11 +0000

Dawno nic nie pisałem na blogu i postanowiłem to zmienić. Zrobiłem puzzle z fresku znajdującego się w Kaplicy Sykstyńskiej w Watykanie – „Sąd ostateczny”. Zostało to zrobione z użyciem jQuery i jQuery UI (draggable, droppable). Nie ma co pisać tylko grać (choć ułożenie nie będzie łatwe). W komentarzach można wpisywać sukcesy związane z tymi puzzlami ;)
Puzzle

Google Analytics Api z Zend_Gdata_Analytics

admin — Thu, 03 Mar 2011 21:42:30 +0000

Życie zmusiło mnie do zainteresowania się pobieraniem danych z Google Analytics do zewnętrznej aplikacji. Zend Framework ma wbudowane klasy do serwisów Google, jednak nie było tam Analytics. Szybko okazało się, że jest biblioteka, którą ktoś napisał – Zend_Gdata_Analytics. Jest to zbiór kilku małych klas, które trzeba dograć do biblioteki Zenda. Z początku miałem mały problem na localhoscie. Wystarczyło nadać odpowiednie prawa plikom przez chmod -R 777 ~/localhost/zendframework/library/Zend i klasy już zaczęły być widoczne.

Autoryzacja

Na początek trzeba się przedstawić:

$login = ‘xxxxx@gmail.com’;
$pass = ‘*******’;
$profile_id = ’12345678′;

$client = Zend_Gdata_ClientLogin::getHttpClient(
$login, $pass, Zend_Gdata_Analytics::AUTH_SERVICE_NAME
);
$service = new Zend_Gdata_Analytics($client);

Login i hasło to poprostu dane dostępowe do konta Google. Id profilu to NIE jest UA-123… – trzeba wejść do analytics i w linku „Wyświetl raport” jest parametr id. To jest właśnie id profilu, który trzeba podać. Dane powyżej najlepiej przechowywać w konfiguracji – najczęściej w pliku ini.

Zapytanie

Żeby dostać dane ze statystyk analytics to najpierw trzeba napisać zapytanie.

$query = $service->newDataQuery()
->setProfileId($profile_id)
->addDimension(Zend_Gdata_Analytics_DataQuery::DIMENSION_PAGE_PATH)
->addMetric(Zend_Gdata_Analytics_DataQuery::METRIC_VISITS)
->addMetric(Zend_Gdata_Analytics_DataQuery::METRIC_PAGEVIEWS)
->setStartDate( date(‘Y-m-d’, strtotime(’2011-02-01′)) )
->setEndDate( date(‘Y-m-d’, strtotime(’2011-03-01′)) )
->setSort(Zend_Gdata_Analytics_DataQuery::METRIC_VISITS, true)
->setMaxResults(20)
->setParam(‘filters’,'ga:pagePath=~.*ciasta.*’);

$result = $service->getDataFeed($query);

Zapytanie jest proste i chyba nie trzeba wiele tłumaczyć ;) Warto odnotować, że zapytanie jest konwertowane na url. Lista wszystkich parametrów „Dimensions & Metrics” jest w dokumentacji. W bibliotece nie znalazłem nic na temat filtrowania. Obiekt Zend_Gdata_Analytics_DataQuery ($query) dziedziczy z Zend_Gdata_Query i dzięki temu można było wywołać metodę setParam(‘filters’,'ga:pagePath=~.*ciasta.*’) która wyrażeniem regularnym wyfiltrowała wszystkie urle zawierające słowo „ciasta”. Więcej na temat filtrów w dokumenatcji

Przedstawienie wyniku

Z wynikiem można zrobić wiele rzeczy. Można użyć go w CMS’ie np. cache’ować i przedstawiać w formie ładnych wykresów ;) Tutaj wypisałem url — liczba wizyt — liczba odsłon. W pliku Zend/Gdata/Analytics/DataQuery.php jest lista co odrazu można użyć w zapytaniach. Czego nie ma to trzeba posiłkować się metodą setParam(..) i ręcznie kombinować ;)

foreach($result as $row){
echo $row->title . ‘ — ‘;
echo $row->getMetric(Zend_Gdata_Analytics_DataQuery::METRIC_VISITS) . ‘ — ‘;
echo $row->getMetric(Zend_Gdata_Analytics_DataQuery::METRIC_PAGEVIEWS);
echo ‘
’;
}

Skrypt powiadomień do Ubuntu

admin — Tue, 27 Jul 2010 17:27:12 +0000

Moja przygoda z bashem zaczęła się całkiem niedawno. Na studiach miałem przedmiot „systemy operacyjne” i od razu mnie to zaciekawiło, jak wiele fajnych rzeczy można z tym zrobić. Napisałem skrypt, który wykorzystuje powiadomienia w Ubuntu, wyświetlające ciekawe cytaty. Podczas siedzenia przed komputerem może to być ciekawa odskocznia od codziennej pracy.

Cytaty Jana Pawła II

Z pewnością wszyscy ze mną się zgodzą, że był on jednym z najwybitniejszych Polaków ostatnich lat. Ze strony http://pl.wikiquote.org/wiki/Jan_Paweł_II pobrałem cytaty autorstwa Papieża – Polaka. Po uruchomieniu skryptu co jakiś czas pojawiają się powiadomienia z cytatami. Oczywiście skrypt można dowolnie modyfikować. W chwili obecnej ustawione jest na:

wyświetlanie co 15 minut (900 sekund)
czas wyświetlania 15 sek (15000 milisekund)
domyślna ikonka (notification-message-im) – można podać ścieżkę do swojej ikonki
tytuł „Jan Paweł II”

Instalacja

Należy pobrać plik .sh – najlepiej umieścić go w katalogu głównym ~/ (u mnie /home/grzesiek/). Zainstalować pakiet
sudo aptitude install notify-osd
Nadać plikowi uprawnienia do uruchamiania jako programu. Można to zrobić przez wybranie właściwości pliku → Uprawnienia → Zezwól na wykonywanie jako programu lub przez konsolę:
chmod +x ~/LabNot.sh
Teraz można uruchomić skrypt przez dwukrotne kliknięcie pliku i „uruchom”. Można też ustawić żeby skrypt sam uruchamiał się przy starcie systemu. Można to zrobić przez System → Preferencje → Programy Startowe → Dodaj i w polu Nazwa wpisać Cytaty Jana Pawła II a w Poleceniu ścieżkę do pliku (czyli np. /home/grzesiek/LabNot.sh – oczywiście nazwę trzeba zmienić). Aby usunąć wyświetlanie cytatów trzeba usunąć po prostu proces. Można to zrobić w System → Administracja → Monitor Systemu, znaleźć na liście LabNot.sh i usunąć.
Od teraz będziemy się cieszyć cytatami wielkiego Polaka. Mała rzecz a cieszy ;-)

Matematyka jest piękna

admin — Tue, 23 Mar 2010 18:05:52 +0000

Wiele razy przeglądałem na różnych stronach fajne rysunki. Niestety nie zostałem obdarzony talentem do rysowania i nie mogłem stworzyć niczego podobnego sam. Jak przeglądałem materiały związane z elementem – nowego znacznika HTML5, zobaczyłem fajne rysunki stworzone za pomocą prostych linii. Pomyślałem, że można zrobić coś ładnego za pomocą matematyki ;-)

Animacja

Animacja, którą zrobiłem za pomocą elementu rysuje sobie linie, które składają się na figurę geometryczną. Internet Explorer najprawdopodobniej nie pokaże żadnej animacji, więc polecam zmienić przeglądarkę jeżeli jej używasz. Policzenie linii ile potrzeba do narysowania takiego rysunku nie jest zadaniem trudnym, jednak obliczenie pola powierzchni całej figury może okazać się niełatwe. Ma ktoś pomysł?
Zobacz animację

Kod źródłowy javascript do gry LabMathGame

admin — Thu, 17 Dec 2009 21:55:50 +0000

Jakiś czas temu opublikowałem grę, którą napisałem jako gadżet do iGoogle. Jest to gra o bardzo prostych zasadach. Trzeba po prostu szybko dodawać cyfry. Postanowiłem pokazać kod źródłowy który napisałem na potrzeby tej gry. Jest to zwykły plik HTML, który można uruchomić w przeglądarce. Do stworzenia gadżetu iGoogle potrzeba oczywiście pliku XML, ale chciałem, żeby można było od razu zobaczyć efekt skryptu w przeglądarce. Aby wiedzieć o czym poniżej piszę, należy pobrać najpierw kod źródłowy i go przeglądnąć ;-)

Zasada działania

Cały plik to mieszanina HTML, CSS oraz JavaScript’u. Pominę style i przejdę od razu do kodu. Na początku deklarowane jest kilka zmiennych globalnych:

level – numer rundy; jeśli podana suma cyfr zgadza się z rzeczywistą sumą to zmienna jest inkrementowana
countCols – liczba kolumn obszaru dodawania; domyślnie ustawiłem 5
countSecPerNumber – liczba milisekund przeznaczona na pokazanie kolejnej cyfry (liczba sekund wybrana na początku rozgrywki z pola select pomnożona razy 1000)
randed – tablica wylosowanych cyfr
endTime – do tej zmiennej będzie przypisana funkcja setTimeout
endOfLevel – zmienna przechowuje wartość logiczną mówiącą czy zakończył się czas przewidziany na pokazanie wszystkich cyfr w tabelce; jest stworzona po to, żeby uniemożliwić podanie wyniku zanim cyfry zostaną wylosowane. Wiem, że troche dyskryminuje jasnowidzów ;-)
levelLength – liczba milisekund, po jakiej zostanie wyświetlona ostatnia cyfra
infoCorrect, infoWrong, infoTime, infoRunning – tablice z komentarzami człowieczka w określonych sytuacjach

Teraz czas na funkcje:

startLabMathGame () – główna funkcja gry; wywoływana jest po kliknięciu na start i wywołuje inne funkcje
createTable () – wywoływana jest w funkcji startLabMathGame i tworzy tabele z odpowiednią ilością wierszy i kolumn wypełnioną pytajnikami
fillTable () – steruje czasem po jakim mają się pokazywać cyfry oraz czasem po jakim sympatyczny człowieczek poinformuje, że time is over ;-)
fillTd (row, col) – wywoływana cyklicznie w funkcji fillTable do wylosowania i uzupełnienia pojedynczej komórki
checkAnswer() – funkcja sprawdza poprawność odpowiedzi – jeśli jest dobra to inkrementuje zmienną level i gracz uzyskuje dostęp do kolejnej rundy
endOfTime () – funkcja wywoływana gdy skończy się czas
getInfo (event, correct) – wyświetla odpowiedni komentarz w zależności od sytuacji
switchButtons(visibility) – przełącza przycisk „start” i pole tekstowe do wpisywania wyniku, aby nie były wyświetlane naraz.

Podsumowanie

Może nie stanę się sławny po opublikowaniu tego skromnego kodu, ale może się komuś przydać do nauki lub stać się inspiracją do napisania czegoś ;-) Jeśli można było coś zrobić lepiej to proszę napisz w komentarzach. Jeszcze nie czuję się guru w JavaScript, więc jestem otwarty na podpowiedzi.