Login:

Hasło: Nie pamiętam hasła




 
Ocena wątku:
  • 2 Głosów - 5 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
[Wave] Widżety dla Opornych - projekt Avatar
26-07-2010, 11:22 (Ten post był ostatnio modyfikowany: 02-08-2010 14:46 przez kEhYo.)
Post: #1
Photo [Wave] Widżety dla Opornych - projekt Avatar
Aby rozpocząć zabawę z widżetami należy mieć zainstalowane Eclipse wraz z dodatkiem Samsunga do Widżetów. Jest to konieczne do 'poważniejszej zabawy' gdy korzystamy np. z zestawu funkcji BONDI. Inaczej 'tworzone' widżety nie będą działać sygnalizująć brak dostępu.
Eclipse pobieramy z tąd:
Kod:
http://www.eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/helios/R/eclipse-jee-helios-win32.zip
Po zainstalowaniu należy doinstalować SDK Samsunga do robienia widżetów:
W Eclipse z Menu Help wybieramy Install New Software. klikamy Add. w okienku wpisujemy
Kod:
Name: Samsung SDK    Location: http://widget.samsungmobile.com/sdk/

Następnie zaznaczamy znaleziony moduł i klikamy Next. czekamy aż się zainstaluje, akceptujemy licencję i mamy gotowe środowisko do pracy. Ufff.

W tym tutorialu stworzymy sobie zbiór ikonek, za pomocą których szybko zadzwonimy lub wyślemy sms do wybranej osoby.

1.Tak więc otwieramy Eclipse, zakładamy nowy 'Widget Project', wpisujemy dane:
Name: Avatar (może to być nick danej osoby)
Description: Dzwoni lub wysyła wiadomość pod wybrany numer
Width: 100
Height: 100
odznaczamy Access Network
klikamy Next i wybieramy nasz telefonik Wave na dole listy
z Templates wybieramy Empty i klikamy Finish.
Teraz rozwijamy drzewo projektu, klikamy podwójnie na plik project.xml i w zakładce Features zaznaczamy opcję ./api/applauncher następnie zapisujemy zmiany klikając na ikonkę dyskietki.

2. Wrzucamy pliki z mojej paczki metodą 'przeciągnij i upuść' do projektu w Eclipse w odpowiednie miejsca, zastępując te domyślnie utworzone.
Zmieniamy teraz w pliku js/main.js pierwszą linijkę ze zmienną na numer, z którym ma działać nasz Widget. (var telNo = "+48987654321";) Zapisujemy zmiany.

3. Testujemy czy działa powójnie klikając na Wave z Device List, w tym momencie odpala się emulator telefonu i możemy sprawdzić czy nasze wypociny przynoszą rezultaty. Widżet ten działa w ten sposób, że klikając na jego górną część dzwonimy do wybranej osoby, a jak na dolną to piszemy do niej wiadomość. W momencie gdy pomyślnie wszystko przetestujemy zostaje nadany certyfikat/elektroniczny podpis.

4. Teraz możemy utworzyć plik .wgt klikając prawym przyciskiem na Wave z Device List i wybierając Package. Wyskakuje okienko, gdzie nadajemy unikatowy identyfikator dla naszego widżeta (bez spacji i znaków specjalnych) ja tu wpisałem użyty w skrypcie nr telefonu.
Zrobiona w ten sposób paczka jest w podkatalogu Packages, gotowa do zainstalowania na telefonie.

W mojej paczce jest też projekt ikony w Corelu tak dla ułatwienia. Można na bazie tego zrobić własną grafikę - dla każdego avatara inną.
Strona 1 - ikona, która widoczna jest w dolnym Trayu (rozmiar docelowy 86x86px); Strona 2 - ikona na pulpit (rozmiar docelowy 100x100px). Ikony w tym projekcie zostały mozolnie dopracowane co do pozycji/wielkośći tak, by wszystko wyglądało perfekcyjnie równo Wink

Edycja ikon w Corelu: Wchodzimy do kadru i podmieniamy tło, przesuwamy je pod spód refleksu (Shft+PgDwn), wychodzimy z kadru. Eksportujemy wybraną stronę do pliku .psd w domyślnej zozdzielczości zaznaczając opcję przeźroczystości. W Photoshopie wczytujemy pliki .psd, redukujemy rozmiar do odpowiedniego i zapisujemy jako .png .

Oto wynik po zrobieniu ośmiu avatarów, które można dowolnie przestawiać/usuwać/dodawać.
[Obrazek: 20100723234309.th.jpg]

Moja paczka do tutoriala:
Kod:
http://www.multiupload.com/4B2TCOUCPG

Miłej zabawy!





Użytkownicy przeglądający ten wątek: 1 gości