Archive for the ‘web services’ Category

Opera 11 - rozszerzenia i opera unite

Saturday, April 2nd, 2011

Do tej pory zwykle nie zwracałem uwagi na dodatki do Opery, ale dziś poświęciłem trochę uwagi aby zapoznać się wstępnie z tą tematyką i muszę przyznać że jest całkiem sporo porządnych i przydatnych dodatków do tej przeglądarki. Na wstępie zainstalowałem kilka i w nadchodzącym tygodniu będę je testował. Za tydzień zechcę coś więcej o tym napisać. Ciekawostką jest jeszcze tzw opera unite, która jest zestawem aplikacji robiących z naszego komputera serwer www, plików, multimediów, a nawet (po zainstalowaniu odpowiedniej aplikacji) współdzieli obraz z naszej kamerki w laptopie lub innej zewnętrznej kamerki.
Wspomnę jeszcze że dynamiczny adres ip specyficzny dla usługi neostrady nie jest przeszkodą, gdyż można zainstalować (w ramach opera unite) aplikację typu dynamic DNS, która będzie aktualizować dane o ip i w ten sposób nasza kamera będzie dostępna pod tym samym adresem wirtualnym przypisywanym za każdym razem do nowego ip, przydzielonego przez naszego dostawcę usługi internetowej (ISP). Oczywiście jest wiele innych sposobów aby nasz komputer miał stały adres wirtualny pomimo zmiennego ip (zobacz dyndns.org), jednak to rozwiązanie wydaje się najłatwiejsze.

Dodawanie tła w Dokumentach Google

Thursday, April 2nd, 2009

Jeśli często używasz Dokumentów Google zapewne zastanawiałeś się chwilami jak dodać własne tło do dokumentów, zwłaszcza jeśli te dokumenty udostępniasz innej osobie.

Zastosowania tła mogą być różne od ozdobienia dokumentu i stworzenia innego wyglądu do zastosowań informacyjnych i dla podkreślenia ważności dokumentu (znaki wodne)

Grafika tła w Dokumentach Google ma jednak to do siebie że nie przenosi się jeśli konwertujemy plik na pdf, doc, wxf. Czyli jeśli chcesz taki plik zapisać na swoim dysku to niestety będzie on pozbawiony tła.
Mimo iż jest to jakieś ograniczenie, uważam że warto się tego nauczyć i stosować.

Budowa dokumentu google to w zasadzie budowa pliku DHTML a więc do zrozumienia jego struktury wystarczy minimalna znajomość języków html i css. Właśnie w oparciu o konstrukcje językowe html i css opiera się metoda dodawania tła do dokumentu.

Jeśli nie pociąga Cię wiedza z zakresu CSS i HTML to po przeczytaniu tego artykułu właściwie nie będziesz miał potrzeby zgłębiania tajników html gdyż wszystko co jest potrzebne dla dokumentów google będzie tu pokazane.

Istota dodania tła zamyka się w kilku prostych krokach:
1. Tworzymy plik tła w formacie jpg lub png i niezbyt dużych rozmiarach.
2. Wstawiamy plik do jednego z dokumentów.
3. Pobieramy do schowka pamięci jego id otwierając kod html dokumentu
4. Wstawiamy id pliku do kodu css w dokumencie w którym chcemy zastosować ten plik jako tło.

Zacznijmy od 1 kroku
1. Przygotowałem sobie dwa pliki. Jeden ma być znakiem wodnym. Drugi ma imitować tło kartki w zeszycie. Pliki oczywiście znacząco odbiegają od doskonałości :)

1)

znakwodny.jpg

2)

kartka.jpg

2. W drugim punkcie mamy wstawić te pliki do dokumentu. Mam na myśli taki dokument, który nie będzie udostępniony, ani też nie będzie miał żadnej innej funkcji poza tym że będzie kontenerem dla naszych grafik. Aby dodać naszą grafikę do dokumentu wybieramy menu Wstaw (insert) a następnie obraz (picture)

csseditinggdocs3.JPG

Przy wstawianiu obrazu jest możliwość wyboru miejsca skąd chcemy pobrać obraz. Można wybrać ze wskazanego miejsca w internecie lub z własnego komputera. Poniżej pokazałem możliwe opcje przy wstawianiu obrazu.

csseditinggdocs4.JPG

3. Gdy już obraz jest załadowany dążymy do realizacji punktu 3. W tym celu z menu wybieramy Edycja a następnie edycja HTML.

csseditinggdocs5.JPG

Kolorem żółtym zaznaczyłem fragment kodu, na który trzeba zwrócić uwagę. Jego położenie w kodzie html zależy od tego czy jest to pierwszy ze wstawianych obrazów czy też kolejny. ID jest unikalnym kodem grafiki w kontach google. Jeśli przepisałbyś teraz kod tej grafiki i użył u siebie to działałby on tak samo jak u mnie.
Zaznacz i skopiuj do schowka kod który jest u Ciebie.

4. Utwórz teraz nowy dokument lub otwórz dokument już istniejący.

Kliknij menu Edycja a następnie Edycja CSS

csseditinggdocs1.JPG

csseditinggdocs.JPG

Wklej poniższy kod zastępując ciąg File?id=… swoim id.
Będzie to wyglądać jak na ilustracji powyżej.

body {
background-image: url(’File?id=dhjzvcrj_77gdk89nd5_b’);
background-repeat: repeat-y;
padding-left: 70px;
}
p {
line-height: 20px;
}

To już wszystko. Zobacz jak wygląda tło w zastosowaniu. Myślę że Ty stworzysz coś o wiele lepszego (mając zdobytą tu wiedzę).

csseditinggdocs6.JPG

csseditinggdocs2.JPG

Infobot - podręczna pomoc w wyszukiwaniu

Thursday, October 2nd, 2008

Na temat infobota rozpisywano się już w wielu blogach, między innymi w Vbeta.pl.
Czym jest infobot ? info -jak informacyjny bot jak robot

Jest on jedną z ciekawszych usług sieciowych polegającą na zautomatyzowanym dostarczaniu informacji za pośrednictwem czatu poprzez zadanie odpowiednio sformatowanego zapytania. Może to służyć znajdowaniu definicji na stronie wikipedii, tłumaczeniu słów na inny język i z innego języka, wyszukiwaniu prognozy pogody dla danego miasta, programu tv, dat imienin itp.

infobot.jpg

Zwróciłem uwagę na tę usługę gdyż wydawała mi się dość ciekawa, i muszę powiedzieć ze nie jestem zawiedziony. Tym co mnie przekonało do korzystania z infobota była prostota skonfigurowania go pod Gmailem. Nie będę niepotrzebnie opisywał tej procedury gdyż wszystko jest czytelnie wytłumaczone na stronie głównej usługodawcy:

http://www.infobot.pl/gmail

Nowość w Gmail Labs - Lista etykiet po prawej stronie

Monday, September 22nd, 2008

W Gmail Labs pojawiła się nowość w zakresie zmiany interfejsu polegająca na możliwości umieszczenia pola etykiet po prawej stronie okna Gmaila.
Aktualnie funkcja ta nie jest kompatybilna z Navbar Drag and drop (przeciągnij i upuść pasek nawigacyjny) tak jak jest to możliwe w ramach lewej strony okna (Chat i Labels można było przemieszczać względem siebie). Niby nieistotne a jednak może się przydać. Funkcję tę aktywuje się jako opcję w oknie Gmail Labs.

gmailrightlabels.jpg

Skróty do aplikacji www w Google Chrome

Thursday, September 18th, 2008

Przyszłością internetu będą aplikacje sieciowe

Tę tendencję można zaobserwować już od jakiegoś czasu i nie ma chyba w tym przesady bo faktycznie powstaje ostatnio bardzo dużo aplikacji działających w oparciu o przeglądarkę www, na dodatek aplikacji, którym już teraz niewiele brakuje w porównaniu z typowymi aplikacjami instalowanymi na dysku komputera (przykład: Pixilr ZOHO, Google Docs ).

Przeglądarka Chrome jest właściwie jakby stworzona do współpracy z takimi aplikacjami, stąd jej ubogi interfejs w zakresie oferowanych opcji, gdyż cała siła przeglądarki jest ukryta w jej sposobie i szybkości przetwarzania kodu Javascript o który jest oparta prawie każda aplikacja sieciowa. Skoro więc przeglądarka jest tylko narzędziem umożliwiającym pracę innych narzędzi to niepotrzebne jest udostępnianie gąszczu opcji nie zawsze potrzebnych przeciętnemu użytkownikowi.
Skróty
Ideą tego krótkiego tekstu było opisanie tworzenia skrótów do aplikacji sieciowych jako do aplikacji samych w sobie. Wprawdzie nic nie stoi na przeszkodzie aby taki skrót powstał pod Firefoxem lub Operą ale w przypadku skrótów do aplikacji które wykorzystują Chrome oraz Google Gears uruchamianie aplikacji jest naprawdę błyskawiczne (zakładając że łącze internetowe jest sprawne).
Aby utworzyć skrót do strony z aplikacją należy kliknąć w ikonę zagiętej kartki tuż za paskiem adresu.

chromeshortcuts1.jpg

Pojawia się wówczas okienko z zapytaniem o miejsce umieszczenia skrótu:

chromeshortcuts2.jpg

Skróty do aplikacji wyglądają jak niżej.

chromeshortcuts3.jpg