documentc
TRANSCRIPT
![Page 1: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/1.jpg)
WWW.ANENS.PL
Designer i Programista
Bad CODE
Good Design
Andrzej Piotrowski
Warszawa 2009
Designer +Programista = Aplikacja
Problem + Pomysł = Produkt
![Page 2: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/2.jpg)
Koncepcja 4P
Produkt (ang.Product)Cena (ang.Price)
![Page 3: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/3.jpg)
Koncepcja 4P
Dystrybucja (ang. Place)
Promocja (ang. Promotion)
![Page 4: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/4.jpg)
Koncepcja 4C
customer value (odpowiednik produktu -4P- product)
cost - (odpowiednik ceny -4P- price) convenience - (odpowiednik dystrybucji -4P-
place) communication - (odpowiednik promocji -4P-
promotion)
Koncepcja 4C posiada poniższą formułę:
![Page 5: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/5.jpg)
Dlaczego Design jest tak ważny ??
“good design is good business”TJ Watson, założyciel of IBM’u
“When I am working on a problem, I never think about beauty. I think only how to solve the
problem. But when I have finished, if the solution is not beautiful, I know it is wrong”
Charles Petzold, doświadczony programista Microsoftu
![Page 6: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/6.jpg)
Software development1.Plan2.Requirment 3.Design4.Code5.Test6.Evaluate7.Realse 8.Support
![Page 7: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/7.jpg)
8
Użytkownik ma potrzeby które można zaspokoić rozwiązaniami
Stron WWW , Aplikacje, Usług
informatycznymi
Czego oczekuję klient od Produktu ??
WARTOŚCIPOŚREDNIE
Szu
ka rozw
iązania n
a
Rozw
iązuję się za pomocą zaspokojenia
Czynniki wpływające na
Bądź jej brak stwarza
Ma wpływ na powstanie
Przeszkoda
Problem
działać
proste
WIEDZA UŻYTKOWNIKA
wygląd
schematyczne bezpiecznie
szybko
Definiują powstanie
Konkurencja
Standard
![Page 8: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/8.jpg)
Innowacja
Innowacja
Nowy sposób zarządzania procesem
biznesowymNowy produkt/usługa
Nowe zastosowanie istniejącego produktu
Nowy sposób pozycjonowania
produktu na rynku
![Page 9: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/9.jpg)
Software
Dystem
Information
eveloperesigner
Sposób tworzenia projektu
D
![Page 10: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/10.jpg)
Brainstorming
![Page 11: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/11.jpg)
Problem Start Up
![Page 12: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/12.jpg)
Strategia Błękitnego Oceanu
Innowacyjna Wartość
Koszty
Wartość dla nabywcy
![Page 13: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/13.jpg)
Strategia Błękitnego Oceanu
- Rywalizacja w ramach istniejącej przestrzeni rynkowej
- Zmusza do pokonania konkurencji
- Uwaga skupiona na tradycyjnej grupie klientów
-Eksploatowanie istniejącego popytu
-Tworzy nową przestrzeń rynkową
- Sprawia , że konkurencja staję się nie istotna
- Rozszerza istniejącą grupę docelową
- Tworzy nowy popyt
- Lamię kompromis pomiędzy wartością a kosztami ( ustawicznie szuka większej
wartości i niższego kosztu
Czerwony Ocean Błękitnego Oceanu
![Page 14: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/14.jpg)
Problem Interface Design
![Page 15: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/15.jpg)
Technologie dla Desingu Windows Forms Windows Presentation Foundation Rich Internet Application (RIA)
Adobe Flash /AIR Silverlight JavaFX
AJAX Server Pages
ASP. PHP NET CGI
HTML/dHTML
![Page 16: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/16.jpg)
User Interface development Technologies
![Page 17: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/17.jpg)
X A M L ang. eXtensible Application Markup Language)
![Page 18: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/18.jpg)
P r o g r a m i s t a X A M L
![Page 19: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/19.jpg)
Look AroundEko-Społeczny-Bohater
![Page 20: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/20.jpg)
Lokalny Bohater Look Around
Odkryj (ang. Discover) – zdobywanie wiedzy w każdym miejscu i czasie połączone z zabawą i wykorzystaniem multimediów.
Pokochaj (ang. Embrace) – dzielenie się wiedzą, budowanie bazy wiedzy, sławienie piękna przyrody i budowanie świadomości osób z najbliższego otoczenia.
Chroń (ang. Protect) - informowanie o istniejących zagrożeniach właściwe służby oraz społeczność lokalną, oznaczanie obszarów szczególnie ważnych lub zanieczyszczonych, inicjowanie i koordynowanie akcji mających oczyścić lub chronić środowisko.
![Page 21: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/21.jpg)
Architektura Look Around
PDAPC
Smartphone Knowledge Sources
Web & DatabaseServer
![Page 22: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/22.jpg)
Działanie(film)Look Around
![Page 23: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/23.jpg)
Analiza LookAroundSpołeczność• W PL ok. 200 tys. osób pomagających naturze• Wzajemna kontrola oraz koordynacja działań• Współpraca z GreenPeace , WWF , MOP
Baza wiedzy• Najnowsze dane, szereg instytucji oraz nauka• Stworzenie narzędzi do pracy – dla kadry
uniwersyteckiej oraz pracowników lasów państwowych
Reklamy• Green Points – Pomagasz i Wygrywasz nagrody• Reklama produktów dla wyspecjalizowanego
klienta : ogrodnictwo , leśnictwo , rolnictwo i wiele innych.
![Page 24: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/24.jpg)
Global WalletJedna Karta do Wszystkiego
![Page 25: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/25.jpg)
Jedna Karta – Masa rozwiązań• Master Card – RWC card.• kart typu Vitay,Bp czy kart partnerskich
firm ( galerii,skelpów firmowych)• Personal ID • Live ID• Zdrowie• Podpis cyfrowy
One Card to Rule them all
![Page 26: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/26.jpg)
Założenia Global Wallet - Czytnik do PC – koszt 20 zl - Czytnik do Mobile – koszt 100 zł
Karta : 4016 –1024 banków pamięci – koszt 2-4 zł z logiem ( nadrukiem ) tanio.
Mobile – np..HTC Stardust – koszt ok..300 zl
„ To na pewno rozwiąże mój problem z roztrzepaniem”„ Zawsze marzyłem aby odchudzić mój portfel”
![Page 27: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/27.jpg)
Architektura(film) Global Wallet
![Page 28: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/28.jpg)
![Page 29: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/29.jpg)
The Technology created to solve the world thougest problems
![Page 30: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/30.jpg)
Program that changes the idea of agricultural and ends poverty
![Page 31: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/31.jpg)
ONZ
![Page 32: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/32.jpg)
How does iEarth work ??
Simple Farmer
FarmerBuyer Seller
AdvisorIT consultantExpert System / Database
![Page 33: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/33.jpg)
Main Program / Seclection Screen
![Page 34: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/34.jpg)
![Page 35: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/35.jpg)
The Farmer View
![Page 36: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/36.jpg)
80/20 Zasada
Prostota
Dostępność
Zawartość
Wsparcie
Uwagi
User Interface Design
• Innowacja 20 %• Pokaż to co najlepsze
• Jeden układ layoutu• Nawigacja – mapa programu
• Dla każdego• Skróty klawiszowe• Różne schematy działania
• Użytkownik ma racje• Aktywna Pomoc• Pomoc Zdalna
• Społeczność• Support Techniczny• More important if you are • working in the background
• Intuicyjność• Brak przesycenia• Dobre rozmieszczenie• Relacja zawartości do funkcjonalności
![Page 37: DocumentC](https://reader036.vdocuments.mx/reader036/viewer/2022062704/555e350fd8b42a63048b4841/html5/thumbnails/37.jpg)
Never ending story