[es] - Zna neko kako je napravljena ova DIVOTA (picasa 2)?

protech_v2
protech_v2
Novi Sad

Član broj: 12426
Poruke: 169
*.neobee.net.

+12 Profil

Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{21.03.2005. u 22:48 - pre 232 meseci}

Znaci ostao sam zabezeknut kad sam video interfejs PICASE 2 (www.picasa.com).
Na stranu to sto je aplikacija solidna, nego interfejs............

Zna neko kako je ovo uradjeno? Nije valjda nekim komercijalnim komponentama? Ako jeste - HOCU IH! Nisam uspeo da pronadjem na netu - je l' moguce da je Flash preko Active X-a?

Prvo fontovi - pa dugmad, pa fade efekti, pa slide za neke okvire, pa scrollbar, pa tabovi, plavi label sa podacima za sliku - STRASNO DOBRO

Onaj koji bi napravio takve komponente bi zgrnuo bogatstvo

Odgovor na temu

protech_v2
protech_v2
Novi Sad

Član broj: 12426
Poruke: 169
*.neobee.net.

+12 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{21.03.2005. u 23:27 - pre 232 meseci}

Evo odgovora:

"The Beautiful Picasa UI is Made of Dynamic PSD Files

I was snooping around in Picasa's "runtime" folder and found a bunch of Photoshop .PSD files. Sure enough, large parts of the UI are built in Photoshop. Layers are used to organize buttons, stand-ins, and cursors. Roll-overs are achieved with image replacement similar to JavaScript/DHTML. For example, the timeline view is just a 640x480 image with a tagged layer to hold the selected group's thumbnail and custom cursors defined in their own layer set.

Picasa's underlying graphics engine is most likely a simplified "Photoshop runtime" with a DOM to make it easy to target tagged elements imported from .PSD files. This is a smart architecture because it provides rapid UI prototyping and a consistent look-and-feel across different platforms. Designers can make changes in Photoshop then re-launch Picasa to see the results. Even better, end users can skin the application without having to learn any new tools.

The "runtime" folder also contains some simple scripts that bind UI elements to their .PSD counterparts, and define layout placement and visibility. "

http://www.secretrobot.com/blo...2004/11/the_beautiful_p_1.html

Steta, ja mislio da moze da se napravi lakse.

A i nije mi bas jasno kako su uspeli da radi toliko brzo? To mora da se iscrtava nekoliko puta sporije nego standardne kontrole. Posto u Requirements pise da treba IE 6.0 i vecina problema sa programom se javlja zbog neodgovarajuce verzije IE-a, verovatno koristi njegov rendering engine.

Ima neko ideju kako bi se nesto od ovoga jos moglo napraviti?

Odgovor na temu

Srki_82
Srdjan Tot
Me @ My Home
Ljubljana

Član broj: 28226
Poruke: 1403
82.208.201.*

ICQ: 246436949

+10 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{21.03.2005. u 23:34 - pre 232 meseci}

Ne verujem da je to Flash ili tako nesto. Bas u ovom trenutku se zabavljam promenom izgleda Win kontrola i veruj mi da to i nije bas nesto preterano tesko (nije preterano tesko, ali jeste ZDRAVO tesko

). To su verovatno komercijalne kotrole ili kontrolice pisane specijalno za tu aplikaciju. Jedini slatkis su scroll bar i title bar. To su malo teze komponente za iscrtavanje kako ti dodje, ali ostalo... cini mi se da nije tesko. Sad upravom pravim dugmence koje u sebi ima DirectX ili OpenGL scenu sa objektima koje pozelis

Ako uspem da ga sredim dugmence moze da ti izgleda kao da se na njemu prikazuje film ili nesto slicno

Sve u svemu ne verujem da je nesto komplikovano... samo su um slicice dobre

Play Store

Odgovor na temu

Srki_82
Srdjan Tot
Me @ My Home
Ljubljana

Član broj: 28226
Poruke: 1403
82.208.201.*

ICQ: 246436949

+10 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{21.03.2005. u 23:40 - pre 232 meseci}

Skoro da smo pisali u isto vreme

Sad bar znamo kako su to uradili... ali nam to mnogo ne pomaze

Verujem da program nisu pisali u Delphi-u. U C-u mi je nekako mnogo lakse da pravim kontrole koje se iscrtavaju ne standardno jer je dovoljno samo izmeniti WM_PAINT ili event koji se desava kada je potrebno iscrtati nesto da bi kontrola izgledala drugacije dok je u Delphi-u to mnogo teze (bar meni), pogotovo sa buttonlike kontrolama.

Play Store

Odgovor na temu

protech_v2
protech_v2
Novi Sad

Član broj: 12426
Poruke: 169
*.metrohive.net.

+12 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{22.03.2005. u 09:30 - pre 232 meseci}

Nemam puno iskustva sa cackanjem po iscrtavanju kontrola, ali i meni se cini da bi to bilo dosta lakse u C-u. Ako su komercijalne kontrole bas bih voleo da znam koje su - mada nisam video ni jednu aplikaciju (bar za PC) koja ima nesto slicno.

Citat:

Srki_82: Sad upravom pravim dugmence koje u sebi ima DirectX ili OpenGL scenu sa objektima koje pozelis :) Ako uspem da ga sredim dugmence moze da ti izgleda kao da se na njemu prikazuje film ili nesto slicno ;) Sve u svemu ne verujem da je nesto komplikovano... samo su um slicice dobre :)

A radis dugme u Delphiju? E to bih voleo da vidim kad bude gotovo - ideja zvuci odlicno.

Mada me privukla i ideja koju je neko spomenuo o flash elementima ubacenim preko ActiveX-a, pretpostavljam da radi dovoljno brzo, a narocito brze od njihove varijante. Samo ne znam kako bi to islo sa event handlerima. Moracu da istrazim malo. Stvarno im svaka cast na brzini ako radi tako kao sto je momak sa blogga rekao.

U svakom slucaju mislim da im se trud visestruko isplatio. Pravo je uzivanje raditi u aplikaciji koja tako izgleda - takve stvari meni puno uticu na utisak o aplikaciji uopste.

Odgovor na temu

bondja

Član broj: 10286
Poruke: 167
*.adsl.sezampro.yu.

+3 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{22.03.2005. u 11:59 - pre 232 meseci}

Slazem se, aplikacija treba lepo da izgleda, ali...
...ono zbog cega vecina korisnika kuka(nakon nekog vremena, kada ih prodje euforija za izgledom programa): kako da se uvecaju slova u celokupnom programu (promena fonta?), jel mogu ovo da aktiviram/otvorim preko tastature( mis je sjajan (citaj: nemamo ga) ali ceo dan nesto klikcemo), nije obelezeno sta je trenutno aktivno (u fokusu); kontrole "divno" izgledaju, a kako da se krecem od jedne ka drugoj upotrebljujuci samo ove strelice (left, up, down..) na tastaturi.... ? itd... itd...

Sta uraditi povodom toga?

Pozdrav!

Odgovor na temu

protech_v2
protech_v2
Novi Sad

Član broj: 12426
Poruke: 169
*.metrohive.net.

+12 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{22.03.2005. u 13:12 - pre 232 meseci}

Da, slazem se u potpunosti, izgled interfejsa je bitan, ali je accessibility ipak neprikosnoven i zna se koje osnovne zahteve sa ovog aspekta aplikacija mora da zadovolji. Zato sam i rekao iznad da me jedino malo brine kako bi to islo sa event handlerima, a mislio sam i na te osnovne stvari (da li primaju fokus kao i sve druge kontrole, da li imaju svoje mesto u tab stop listi itd.)

Odgovor na temu

sasas
Saša Slavnić
radim za neke švabe

Član broj: 35478
Poruke: 617
*.zaslon-telecom.si.

Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{22.03.2005. u 13:59 - pre 232 meseci}

Kako to da ja u runtime folderu picasse nemam nikakvih PSD fajlova?
Inače, interfejs programa je dopadljiv, ali nije ništa naročito. Ima komercijalnih komponenti za delphi koje približno lepo izgledaju.

ss.

When something is hard to do, then it's not worth doing.

Odgovor na temu

Srki_82
Srdjan Tot
Me @ My Home
Ljubljana

Član broj: 28226
Poruke: 1403
*.smin.sezampro.yu.

ICQ: 246436949

+10 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{22.03.2005. u 14:52 - pre 232 meseci}

Citat:

protech_v2: A radis dugme u Delphiju? E to bih voleo da vidim kad bude gotovo - ideja zvuci odlicno.

Da, u Delphi-u pravim to dugmence. Videcemo sta ce od toga ispasti.

Citat:

sasas: Kako to da ja u runtime folderu picasse nemam nikakvih PSD fajlova?

Ne mora da se u folderu nalaze posebni PSD fajlovi. Mozda su svi spakovani u neki zajednicki paket (skin) ili se mozda kao resource nalaze u exe-u ili nekom dll-u.

Play Store

Odgovor na temu

sasas
Saša Slavnić
radim za neke švabe

Član broj: 35478
Poruke: 617
*.zaslon-telecom.si.

Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{22.03.2005. u 15:00 - pre 232 meseci}

Citat:

Ne mora da se u folderu nalaze posebni PSD fajlovi. Mozda su svi spakovani u neki zajednicki paket (skin) ili se mozda kao resource nalaze u exe-u ili nekom dll-u.

ja bih pre rekao da tip lupa gluposti. tako je to kad dizajner priča o tome kakav engine treba da vozi korisnički interfejs...

ss.

When something is hard to do, then it's not worth doing.

Odgovor na temu

protech_v2
protech_v2
Novi Sad

Član broj: 12426
Poruke: 169
*.metrohive.net.

+12 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{23.03.2005. u 12:41 - pre 232 meseci}

Tacno je da nema uopste potrebe da to budu sirovi PSD fajlovi. Normalno da su ih ljudi spakovali. Uostalom u runtime folderu ti se nalazi respack.yt fajl koji bas govori u prilog tome (resource pack).

Citat:

sasas: ja bih pre rekao da tip lupa gluposti. tako je to kad dizajner priča o tome kakav engine treba da vozi korisnički interfejs...
ss.

Pa ok, a sta ti mislis kako je napravljeno? Na koje komercijalne komponente si mislio?

Odgovor na temu

krdr
Dragan Krstic

Član broj: 42434
Poruke: 201
221.220.55.*

Sajt: krdr.ebloggy.com

Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{31.03.2005. u 07:39 - pre 232 meseci}

Posto interfejs izgleda kao da je radjen u flashu, moguce da je koristeno neko od cuda tipa Zinc V2, ili (manje verovatno) swfKit. I - uopste mi se ne svidja skrolbar, koji inace nije tesko napraviti, vec samo trazi vremena.

krdr
Mozda i proradi

Odgovor na temu

Srki_82
Srdjan Tot
Me @ My Home
Ljubljana

Član broj: 28226
Poruke: 1403
*.smin.sezampro.yu.

ICQ: 246436949

+10 Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{31.03.2005. u 14:47 - pre 232 meseci}

Citat:

krdr: I - uopste mi se ne svidja skrolbar, koji inace nije tesko napraviti, vec samo trazi vremena.

Da li hteo malo da objasnis kako moze da se izmeni izgled scroll bar-a. Jasno mi je kako se to radi sa standalone scroll bar-ovima, ali sta je sa onim u combo box-u, list box-u, memo-u, edit-u, na formama i slicno... njih nikako ne mogu da promenim... nemam ideju kako bi to moglo da se uradi, a sigurno moze. Jedan od dobrih primera za lepo skinovanje komponenti je Opera. Ona skinuje sve... mozda mi je nesto promaklo, ali definitivno izgleda kao da je bas sve skinovano.

Play Store

Odgovor na temu

krdr
Dragan Krstic

Član broj: 42434
Poruke: 201
221.220.54.*

Sajt: krdr.ebloggy.com

Profil

Re: Zna neko kako je napravljena ova DIVOTA (picasa 2)?

^{31.03.2005. u 16:53 - pre 232 meseci}

Pa, pricam ti sa strane Flash programiranja. Mislim da su tako uradili. Ceo interfejs uradis u flashu, koji ispod sebe ima aplikacioni sloj, ustvari nabudzeni flash player. Sve to moze biti jako brzo ako se "player" ne zasniva na originalnom makromedijinom. Ako je u pitanju Google, sve je moguce... Slicno kao troslojna web arhitektura. Vidi [url]http://www.multidmedia.com/software/zinc/[/url] ili [url]http://www.swfkit.com[/url]

krdr
Mozda i proradi

Odgovor na temu