Webdevelopment
After the session
Wszystko zadne, nawet największy kozak w pierwszym terminie. W międzyczasie poszukuje pracy o dziwo nawet czynnie, bo już mój fejm na goldenline się chyba wyczerpał.
W między czasie by mój talent programistyczny nie zardzewiał do reszty zająłem się ambitnym przedsięwzięciem, polegającym na stworzeniu Thema do wordpressa dla mojego znajomego co zajmuje się renowacją starych motorów. O dziwo stworzyłem również własnoręcznie na tablecie Wacom Bamboo wyczesany layout i właśnie jestem w trakcie jego cięcia. Ja rozumiem, że pojęcie wyczesany jest mocno przegięte. Również typografia pozostawia wiele do życzenia, ale to już są pierdoły, którymi można zająć się podczas pisania CSS’ów.
Layout Classic Motor
Jak to zwykle bywa po dobrze wykonanym obowiązku czas odpocząć więc dnia 7.03 uderzam tutaj:
Wyświetl większą mapę
Tymczasem zostawiam wam coś do przemyśleń, a’propos waszych wymówek w pracy.
Będzie mnie jeszcze można zobaczyć na najbliższym Barcampie oraz marcowym spotkaniu Poznań Adobe User Group
Pozdrawiam wszystkich Allegrowiczów,
mGz
Spotkanie AUG i nadchodzący barcamp
Po Wtorkowym spotkaniu Adobe User Group Poznań, na którym mogłem popisać się projektem jaki teraz robię razem z Robertem więcej na ten temat można poczytać na stronie grupy w poście zawierającym debriefing ze spotkania.
13.12.2008 o 13:00 GMT +1 Odbędzie się trzynasty z cyklu Barcamp odbędzie się on w Starym Browarze(Słodownia). Będę na pewno. Amatorom konferencji przy piwie i pizzy gorąco polecam(tylko pizza za friko). Dla osób zainteresowanych dalszymi informacjami zapraszam na Stronę barcamp’u
Walka z wiatrakami
Czy zdarzyła się tobie w życiu zawodowym sytuacja kiedy przy ogromnym wysiłku i dziesiątkach godzin przygotowań spotyka cię FAIL!? › Continue reading
Pro-moted
Jak tytuł mówi. Zostałem project managerem. Dodatkowe obowiązki. Kilka projektów w trakcie. Generalnie ciężka jest praca w sektorze IT.
Poza narzekaniem na pracę programuje we Flexie na dużą skalę. Otrzymałem Licencje edukacyjną na Flex Buildera. Dostępne jest to dla wszystkich studentów i uczniów. Wystarczy zarejestrować się na:
http://www.flexregistration.com/
A następnie poczekać z 3 dni aż zweryfikują twoje dane oraz skan legitymacji studenckiej.
Jestem pod dużym wrażeniem developmentu aplikacji we flexie, ponieważ 120 linii kodu to już prawie kompletne GUI plus kolejne 50 linii i już mamy GUI z obsługą eventów. A jak już jesteśmy na tym etapie to wystarczy dopisać logikę i skończyć projekt 
Już niedługo podeślę link do pierwszego projektu. Planuję wziąść udział w Flex Challenge pomysł na aplikacjię już powstał. Nawet udało się sprecyzować kwazi specyfikację Ale to muszę być bardziej Pro niż teraz z Flexem.
GoogleMaps + WordPress Szybki Kurs
-
Wstęp
Dawno nic o google maps nie pisałem zatem przedstawie wam kurs jak do statycznej strony np z kontaktem dodać mapę googla z kilkoma efektami. Ktoś pewnie zapyta: „po co? Przecież jest dokumentacja na googlemaps.com” Ja pokażę krok po kroku co i jak. Nie obraźcie się jeśli ten tutorial będzie wyglądał jak artykuł z „Komputer świata”.
-
Pobieramy GoogleMaps API key
- Rozpoczynamy pracę od wejścia na stronę: http://code.google.com/apis/maps/
- Zgadzamy się z warunkami umowy licencyjnej i podajemy adres naszej strony:
- Gdy strona jest już zarejestrowana mamy dostęp do API key’a oraz do przykładowego skryptu.
- Rozpoczynamy pracę od wejścia na stronę: http://code.google.com/apis/maps/
-
Piszemy Skrypt
- Tworzymy dwie rzeczy najpierw katalog js/ w katalogu wp-content/themes/nasztheme/ plik gmaps.js
- Kodujemy zdarzenie document.ready by załadować mapę.
window.onload = function() {
if (GBrowserIsCompatible()) {
//Inicjalizacja mapy poprzez tworzenie obiektu
var map = new GMap2(document.getElementById("map"));
}else{
alert("sorry but your browser sux hard. update it and come again!");
}
}); - Ustawiamy środek mapy i zoom
map.setCenter(new GLatLng(35.083956, 103.710938), 4); - Dodajemy kontrolki do mapy:
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl()); - Dodajemy punkt na mapie
var lat = 0;
var lng = 0;
var point = new GLatLng(lat, lng);
var marker = new GMarker(point);
map.addOverlay(marker); - Możemy jeszcze dodać dymek z opisem punktu lub adresem
map.openInfoWindow(point, 'To jest nasz punkt!'); - Czyszczenie mapy z wszystkich markerów i InfoWindow odbywa się za pomocą polecenia:
map.clearOverlays();
-
Modyfikujemy Template
Modyfikacja template polega na edycji pliku header.php plus ewentualnie można dodać kilka linii css w style.css
Najpierw zostawmy wszystkie style i temu podobne
Musimy w sekcji head dwie linie:<head> <script src="http://maps.google.com/maps?file=api&v=2&key=TUTAJ_WSTAWIAMY_API_KEY" type="text/javascript"></script> <script src="<?php bloginfo('template_directory'); ?>/js/gmaps.js.php" type="text/javascript"> </script> </head> -
Umieszczamy Mapkę w kontakcie
Sprawa prosta. Publikujemy nową stronę. Nazywamy ją kontakt.
I dodajemy do niej naszą mapkę:
<div id="map"></div>
Można przy okazji ją również ostylować.
<div id="map" style="width: 100%; height: 400px;"></div> -
First Run
Nim odpalimy po raz pierwszy naszą mapkę. To najpierw pamiętajmy o wrzuceniu na serwer wszystkich plików. Nie wiem czy zbyt wiele wymagam ale biorę za pewnik to że potraficie obsługiwać jakiegokolwiek klienta FTP.
Zatem wrzucamy pliki:
wp-content/themes/nasztheme/js/gmaps.js
wp-content/themes/nasztheme/header.php -
Efekty
Wszyscy doskonale zdają sobie z tego sprawę że strona musi być efektowna. Można też użyć cytatu:
- Aplikacja?
- Ma być droga i robić biiipNo to sprawa prosta żeby zadbać o tzw. „Wow Effect” (nie mylić z Word Of Warcraft) możemy zastosować małą animację. Dla dużego odsetka klientów ten cytat jest
Np. Jeżeli Firma ma trzy oddziały w mieście to możemy zrobić takie coś:
- Na starcie ładujemy logo firmy
- Pokazujemy siedzibę główną, wyświetlamy dymek
- Pokazujemy pozostałe siedziby w odstępach czasowych i wyświetlamy dymek z adresem i telefonem
By zaimplementować taki skrypt nie potrzebujemy dużo dodatkowej wiedzy z dziedziny javascript’u. Po pierwsze musimy wiedzieć jak używać funkcji:
window.setInterval(function() {
//tutaj implementujemy swoją funkcje bądź wywołujemy już wcześniej zaimplementowaną
}, 4000);
//4000 to czas w milisekundach czyli w tym wypadku 4 sekundy.Za animację naszej mapy będzie odpowiadać:
//dodajemy marker
var marker = new GMarker(point);
map.addOverlay(marker);
//wyświetlamy dymek
map.openInfoWindow(point, 'tekst o odzdziale');
//przesuwamy mapę
map.panTo(point);Gdzie point to element z tablicy gdzie zdefiniowaliśmy oddziały firmy.
Po wyświetleniu trzeba wyczyścić mapę za pomocą:
map.clearOverlays(); -
Podsumowanie
W sumie zastanawiam się czemu piszę taki tutorial, ponieważ jest gotowy plugin do wordpress’a który rozwiązuje problemy z googlemaps. Konfigurowalny z wp-admin z ładnego formularza.
Może tylko po to by nauczyć się korzystać z narzędzi, które ułatwią nam pracę i nauczą pisać dobre javascripty. Zachęcam do prób z kodowaniem map by Googlemaps. I zapewniam że GoogleMaps API nie gryzie
Środowisko Webdevelopera
Wstęp
Wygoda pracy to chyba podstawa sukcesu każdego programisty, ponieważ zapewnia nieprzerwanego skupienia. Programista skupiony nie robi głupich błędów. Nie przeczytał całego wykopu, ani joemonster’a. Jeżeli komfortowo może kodować to nic więcej do szczęścia mu nie potrzeba, no może za wyjątkiem odrobiny motywacji. Jednak nie mówię tutaj o klimatyzowanych biurach na 22 piętrze, a o oprogramowaniu.
Z góry przestrzegam, że tekst ten jest w 100% subiektywny i przedstawia tylko i wyłącznie moje zdanie. Nie zgadzasz się? To zapraszam do dyskusji w komentarzach.
Poznań Adobe User Group Member.
Z dumą informuje, że zostałem członkiem grupy użytkowników adobe w Poznaniu. Najbliższe spotkanie odbędzie się 18 lipca.
Będę miał małą prezentacje dotyczącą Adobe AIR pt. „Hello Word”
Zapraszam wszystkich chętnych. Szczegółowy plan spotkania dostępny na:
Środowisko Webdevelopera comming soon
Witam wszystkich czytelników. Nadchodzi wielkimi krokami dzień publikacji artykułu o środowisku webdevelopera. Tekst jest już napisany. Linki do stron z dodatkowymi zasobami już są. Teraz muszę porobić screenshoot’y, sprawdzić pisownię i można publikować.
Tymczasem w piątek mam jak narazie najważniejszy egzamin w życiu (Licencjacki), więc datę publikacji mogę przybliżyć do przyszłego weekendu.
Ponad to muszę jeszczę edytować obecny theme wordpressowy, ponieważ jest problem z kolejnymi stronami wpisu. I muszę dodać nawigację między stronami artykułu.
Mam nadzieję, że ktoś to przeczyta w całości bo jest dosyć długie . Grupę docelową stanowią zarówno początkujący jak i bardziej zaawansowani programiści aplikacji webowych (mowa przedewszystkim o php)
mały update
Koniec z wysypywaniem się thema przez stare pliki tłumaczenia. Jak zwykle niezawodny jest zwolin i jego tłumaczenia są najlepsze.
Teraz już bez błędów. Pozdrawiam
Search
Moje Twitty
- Saved My Day! jQuery Tab On Return Key Press - JavaScript - Snipplr Social Snippet Repository snipplr.com/view/12643/ via @snipplr 2 days ago
- A new favorite: Daydream in Blue Ft. Lupe Fiasco (Bassex Remix) (Play Me Freebie) by @playmerecords soundcloud.com/playmerecords/… on #SoundCloud 4 weeks ago
- A new favorite: Double Trouble by Datsik & Z-Trip by @dubstep soundcloud.com/dubstep/double… on #SoundCloud 4 weeks ago
- A new favorite: Forekast - Samsonite (Original Mix) -- FREE DOWNLOAD by @forekast soundcloud.com/forekast/samso… on #SoundCloud 4 weeks ago
- dubsteppin my ass of! 4 weeks ago
- Rendering emails with Twig in Symfony2 bit.ly/rPqylL 1 month ago
- Need help with Datetime field with null value stackoverflow.com/q/10176459/107… #symfony2 #doctrine2 1 month ago
- A new favorite: KDrew - Bullseye by @KDrewMusic soundcloud.com/kdrewmusic/kdr… on #SoundCloud 1 month ago
- How foreach actually works stackoverflow.com/q/10057671/107… 1 month ago
- A new favorite: Gotye - Somebody That I Used To Know Ft. Kimbra (KDrew Remix) by @KDrewMusic soundcloud.com/kdrewmusic/got… on #SoundCloud 1 month ago
AdTaily
Najnowsze wpisy
Kategorie
- bez kategorii (39)
- c++ (2)
- czas wolny (28)
- java (3)
- kryptografia (5)
- praca (26)
- projekty (24)
- przemyślenia (15)
- uczelnia (13)
- Webdevelopment (35)
- Adobe AIR (2)
- Adobe Flex (2)
- AJAX (3)
- Apache (1)
- cloud computing (1)
- doctrine (3)
- GoogleMaps (4)
- JavaScript (3)
- jQuery (1)
- MySql (3)
- Optymalizacja (1)
- paypal (1)
- php (14)
- symfony (5)
- Symfony 1.4 (2)
- Symfony2 (2)
- TWIG (1)
- WordPress (4)