{"id":629,"date":"2009-11-11T06:12:15","date_gmt":"2009-11-11T05:12:15","guid":{"rendered":"http:\/\/www.plagosus.net\/blog\/?p=629"},"modified":"2009-11-11T15:46:31","modified_gmt":"2009-11-11T14:46:31","slug":"gde-naci-wave-id-i-kako-povezati-wave-sa-sajtom","status":"publish","type":"post","link":"https:\/\/www.plagosus.net\/blog\/dev\/gde-naci-wave-id-i-kako-povezati-wave-sa-sajtom\/","title":{"rendered":"Gde na\u0107i Wave ID i kako povezati Wave sa sajtom?"},"content":{"rendered":"<p style=\"text-align: justify;\">Ako ste web developer, verovatno ste se ve\u0107 dokopali Google Wave invejta i krenuli u testiranje nove igra\u010dke. Posle upoznavanja sa osnovnim funkcijama trenutne implementacije <a href=\"http:\/\/www.waveprotocol.org\/\" target=\"_blank\">Wave protokola<\/a>, logi\u010dan sled doga\u0111aja je da probate da pove\u017eete Wave sa va\u0161om web stranicom.<\/p>\n<h2>Povezivanje Wave sa sajtom<\/h2>\n<p style=\"text-align: justify;\">Na <strong><a href=\"http:\/\/code.google.com\/apis\/wave\/guide.html\" target=\"_blank\">Google Wawe API<\/a><\/strong> tutorijalu, imate uputstvo za uklju\u010divanje wave-a u HTML stranicu, po\u010dev\u0161i od najosnovnije stvari: <a href=\"http:\/\/code.google.com\/apis\/wave\/embed\/guide.html#HelloWorld\" target=\"_blank\"><em>Hello World primer za Google Wave<\/em><\/a>. Primeti\u0107ete da se doti\u010dno uputstvo odnosi na Developer naloge koji rade u posebno izdvojenom wave okru\u017eenju (wavesandbox.com) kome pristup imaju samo ljudi koji testiraju i razvijaju dodatke za Wave. No isto se lako mo\u017ee prepraviti i za regularne civilne Wave naloge.<\/p>\n<pre style=\"font-family: monospace; color: #007000; font-size: 9pt; background-color: #fafafa; line-height: 15px; margin-top: 1em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: auto; overflow-y: auto; word-wrap: break-word; padding: 0.99em; border: 1px solid #bbbbbb;\">&lt;!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\"\r\n\u00a0 \u00a0 \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\"&gt;<span style=\"color: #000000;\">\r\n<\/span><span style=\"color: #000088;\">&lt;html<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">xmlns<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"http:\/\/www.w3.org\/1999\/xhtml\"<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">xmlns:v<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"urn:schemas-microsoft-com:vml\"<\/span><span style=\"color: #000088;\">&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 <\/span><span style=\"color: #000088;\">&lt;head&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #000088;\">&lt;meta<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">http-equiv<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"content-type\"<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">content<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"text\/html; charset=utf-8\"<\/span><span style=\"color: #000088;\">\/&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #000088;\">&lt;title&gt;<\/span><span style=\"color: #000000;\">Google Wave Embed API Example: Hello BRANKKO! :]<\/span><span style=\"color: #000088;\">&lt;\/title&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #000088;\">&lt;script<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">src<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"http:\/\/wave-api.appspot.com\/public\/embed.js\"<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">type<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"text\/javascript\"<\/span><span style=\"color: #000088;\">&gt;\r\n<\/span><span style=\"color: #666600;\">    &lt;<\/span><span style=\"color: #008800;\">\/script&gt;\r\n\u00a0 \u00a0 &lt;script type=\"text\/<\/span><span style=\"color: #000000;\">javascript<\/span><span style=\"color: #008800;\">\"&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #000088;\">function<\/span><span style=\"color: #000000;\"> initialize<\/span><span style=\"color: #666600;\">()<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #666600;\">{<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 \u00a0 <\/span><span style=\"color: #000088;\">var<\/span><span style=\"color: #000000;\"> wavePanel <\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #000088;\">new<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">WavePanel<\/span><span style=\"color: #666600;\">(<\/span><span style=\"color: #008800;\">'http:\/\/wave.google.com\/wave\/'<\/span><span style=\"color: #666600;\">);<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 \u00a0 wavePanel<\/span><span style=\"color: #666600;\">.<\/span><span style=\"color: #000000;\">loadWave<\/span><span style=\"color: #666600;\">(<\/span><span style=\"color: #008800;\">'googlewave.com!w+xGzeu4LAC<\/span><span style=\"color: #008800;\">'<\/span><span style=\"color: #666600;\">);<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 \u00a0 wavePanel<\/span><span style=\"color: #666600;\">.<\/span><span style=\"color: #000000;\">init<\/span><span style=\"color: #666600;\">(<\/span><span style=\"color: #000000;\">document<\/span><span style=\"color: #666600;\">.<\/span><span style=\"color: #000000;\">getElementById<\/span><span style=\"color: #666600;\">(<\/span><span style=\"color: #008800;\">'waveframe'<\/span><span style=\"color: #666600;\">));<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #666600;\">}<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #000088;\">&lt;\/script&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 <\/span><span style=\"color: #000088;\">&lt;\/head&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 <\/span><span style=\"color: #000088;\">&lt;body<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">onload<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"<\/span><span style=\"color: #000000;\">initialize<\/span><span style=\"color: #666600;\">()<\/span><span style=\"color: #008800;\">\"<\/span><span style=\"color: #000088;\">&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 \u00a0 <\/span><span style=\"color: #000088;\">&lt;div<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">id<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"waveframe\"<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #660066;\">style<\/span><span style=\"color: #666600;\">=<\/span><span style=\"color: #008800;\">\"<\/span><span style=\"color: #000000;\">width<\/span><span style=\"color: #666600;\">:<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #006666;\">500px<\/span><span style=\"color: #666600;\">;<\/span><span style=\"color: #000000;\"> height<\/span><span style=\"color: #666600;\">:<\/span><span style=\"color: #000000;\"> <\/span><span style=\"color: #006666;\">100<\/span><span style=\"color: #666600;\">%<\/span><span style=\"color: #008800;\">\"<\/span><span style=\"color: #000088;\">&gt;&lt;\/div&gt;<\/span><span style=\"color: #000000;\">\r\n\u00a0 <\/span><span style=\"color: #000088;\">&lt;\/body&gt;<\/span><span style=\"color: #000000;\">\r\n<\/span><span style=\"color: #000088;\">&lt;\/html&gt;<\/span><\/pre>\n<p style=\"text-align: justify;\">Sve \u0161to je potrebno je da u <a href=\"http:\/\/code.google.com\/apis\/wave\/embed\/guide.html#WavePanel\" target=\"_blank\"><em>WavePanel<\/em> objekat<\/a> umesto sandbox adrese:<\/p>\n<blockquote><p><code>http:\/\/wave.google.com\/a\/wavesandbox.com\/<\/code><\/p><\/blockquote>\n<p style=\"text-align: justify;\">unesete adresu obi\u010dnog Google Wave-a koja glasi:<\/p>\n<blockquote><p><code>http:\/\/wave.google.com\/wave\/<\/code><\/p><\/blockquote>\n<h2>Google Wave ID<\/h2>\n<p style=\"text-align: justify;\">Slede\u0107a stvar koja vam je potrebna je <strong>Wave ID<\/strong>. U sandbox developerskim nalozima, do Wave ID-ja se dolazi relativno lako. U meniju odaberete opciju <strong>Debug-&gt;Get Current Wave ID<\/strong>.<\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-630\" title=\"How to get Wave ID in sandboxwave account\" src=\"http:\/\/www.plagosus.net\/blog\/wp-content\/uploads\/2009\/11\/get-waveid-sandbox.png\" alt=\"How to get Wave ID in sandboxwave account\" width=\"640\" height=\"480\" srcset=\"https:\/\/www.plagosus.net\/blog\/wp-content\/uploads\/2009\/11\/get-waveid-sandbox.png 640w, https:\/\/www.plagosus.net\/blog\/wp-content\/uploads\/2009\/11\/get-waveid-sandbox-300x225.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>Me\u0111utim, u obi\u010dnim nalozima je ta opcija ne postoji. Zapravo ne postoji ceo Debug meni. Ali se do Wave ID-a mo\u017ee do\u0107i na slede\u0107i na\u010din:<\/p>\n<ol>\n<li style=\"text-align: justify;\">Dodajte robot kontakt sa adresom <strong><span style=\"color: #0000ff;\">embeddy@appspot.com<\/span><\/strong><\/li>\n<li style=\"text-align: justify;\">Kreirajte novi Wave i ubacite kontakt koji ste prethodno dodali. U istom Wave-u automatski \u0107e biti generisan HTML kod sa IFRAME-om koji mo\u017eete ubaciti na va\u0161 sajt. Jedino \u0161to i dalje nedostaje je Wave ID.<\/li>\n<li style=\"text-align: justify;\">Napravite novi Wave koji \u017eelite da postavite na sajt (ili gde god ho\u0107ete) i iz URL-a browsera iskopirajte deo desno od <strong>wave:<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-631\" title=\"How to get Wave ID from Wave Previev\" src=\"http:\/\/www.plagosus.net\/blog\/wp-content\/uploads\/2009\/11\/get-waveid-prewiev.png\" alt=\"How to get Wave ID from Wave Previev\" width=\"640\" height=\"337\" srcset=\"https:\/\/www.plagosus.net\/blog\/wp-content\/uploads\/2009\/11\/get-waveid-prewiev.png 640w, https:\/\/www.plagosus.net\/blog\/wp-content\/uploads\/2009\/11\/get-waveid-prewiev-300x158.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>Doti\u010dni string predstavlja kodirani Wave ID. Mo\u017eete ga dekodirati ru\u010dno <a href=\"http:\/\/www.w3schools.com\/TAGS\/ref_urlencode.asp\" target=\"_blank\">uz pomo\u0107 tabele<\/a> ili se mo\u017eete poslu\u017eiti nekom besplatnom <a href=\"http:\/\/meyerweb.com\/eric\/tools\/dencoder\/\" target=\"_blank\">online alatkom<\/a>. Dva puta dekodirajte deo URL-a (ono \u0161to je pisalo desno od <em>wave:<\/em> u adresi) \u00a0koji ste iskopirali i dobi\u0107ete kona\u010dan Wave ID oblika: &#8220;<strong>googlewave.com!w+xGzeu4LAC<\/strong>&#8220;.<\/p>\n<h2>Napravite javni (public) Wave<\/h2>\n<p style=\"text-align: justify;\">Jo\u0161 jedna stvar koja vam je neophodna da bi ljudi mogli da ostvare interakciju preko va\u0161eg Wave-a je da isti bude javan (public) jer \u0107e u suprotnom objavljenom wave-u imati pristup samo oni koje ste dodali u konverzaciju.<\/p>\n<p style=\"text-align: justify;\">Da bi va\u0161 Wave bio javan potrebno je uraditi slede\u0107e:<\/p>\n<ol>\n<li>Dodajte kao kontakt <span style=\"color: #0000ff;\"><strong>public@a.gwave.com<\/strong><\/span> (zanemarite \u0161to pi\u0161e &#8220;<em>User does not have a Google Wave account<\/em>&#8220;, samo pritisnite [enter])<\/li>\n<li>Dodajte kao kontakt i <span style=\"color: #0000ff;\"><strong>easypublic@appspot.com<\/strong><\/span> (prethodni zna da ne radi kod nekih korisnika)<\/li>\n<li>Kreirajte novi Wave i kao sagovornike izaberite kontakt (probajte prvo jedan pa drugi, po\u0161to nekima radi jedan nekima drugi) koje ste upravo dodali.<\/li>\n<li>Pokupite Wave ID ovog Wave-a i ubacite ga na sajt<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">Sada imate sve \u0161to vam je potrebno za povezivanje Wave-a sa sajtom, pa se upustite u testiranje i zanimaciju. Ako smislite ne\u0161to zanimljivo, budite slobodni da ostavite komentar na moju stranicu za testiranje implementacije Google Wave na adresi <a href=\"http:\/\/www.plagosus.net\/wave\/\">http:\/\/www.plagosus.net\/wave\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ako ste web developer, verovatno ste se ve\u0107 dokopali Google Wave invejta i krenuli u testiranje nove igra\u010dke. Posle upoznavanja&#8230;<\/p>\n","protected":false},"author":2,"featured_media":631,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[21,89,81],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/posts\/629"}],"collection":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/comments?post=629"}],"version-history":[{"count":0,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/posts\/629\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/media\/631"}],"wp:attachment":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/media?parent=629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/categories?post=629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/tags?post=629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}