Acasă | Înregistrare | Autentificare | RSSJoi, 2018-11-15, 7:50 AM

Jocuri-copsa! Joaca-te online

[ Mesaje noi · Membrii · Regulamentul forumului · Căutare · RSS ]
  • Pagina 1 din 1
  • 1
Moderatorul forumului: pipinote  
Forum » WebDevelopement » Tutoriale » Google Gadgets (Google Gadgets)
Google Gadgets
pipinoteData: Joi, 2011-02-10, 3:58 AM | Mesaj # 1
V.I.P General Jocuri-Copsa.Do.Am
Grup: Administrators
Mesaje: 109
Premii: 0
Reputaţie: 100
Status: Offline
Google Gadgets sunt mici aplicatii, care pot fi integrate in cadrul iGoogle, Google Desktop, Google Page Creator si Blogger.
Iata un exemplu simplu de creeare a unui gadget:

Code:
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="saluta lumea" />
<Content type="html">
<![CDATA[
Hello, world!
]]>
</Content>
</Module>

Gadget-urile sunt realizate prin imbinarea de marcaje XML si HTML si cod JavaScript, in cadrul unui element <Module>.
Pentru dezvoltarea de gadget-uri se foloseste Google Gadgets Editor (GCE), iar galeria de gadget-uri predefinite care pot fi integrate in cadrul paginilor personale sau pot fi folosite ca inspiratie este disponibila la adresa: http://www.google.com/ig/directory?synd=...ource=gapi .
Un gadget este compus din trei componente:

<Content>, descrie aplicatia in sine, de la partea de programare pana la elementele de prezentare;
<UserPrefs>, folosite pentru setarea preferintelor la nivel de utilizator;
<ModulePrefs>, utilizate pentru setarea preferintelor la nivel de modul si continand informatii precum autor, denumire, dimensiune etc.

Exemplul de mai jos afiseaza un mesaj de intampinare si retine preferintele utilizatorului (nume si culoare):

Code:
<Module>
<ModulePrefs title="Greetings __UP_myname__" />
<!--numele utilizatorului -->
<UserPref name="myname" display_name="Name"
required="true" />
<!-- culoarea preferata de utilizator -->
<UserPref name="mycolor" display_name="Color"
default_value="Yellow" datatype="enum" >
<!-- valorile cromatice care pot fi alese -->
<EnumValue value="Red" />
<EnumValue value="Yellow" />
<EnumValue value="Orange" />
</UserPref>
<Content type="html">
<![CDATA[
<div id="content_div" />
<script type="text/javascript">
var prefs = new _IG_Prefs();
//functie de afisare a unui mesaj de salut
function displayGreeting() {
var salutation = "Hello";
var html= "";
var element =
document.getElementById('content_div');
//ajustam culoarea de fundal, conform preferintelor
element.style.backgroundColor =
prefs.getString("mycolor");
html += "<h2>" + salutation + ", " +
prefs.getString("myname") + "!!!</h2>";
_gel("content_div").innerHTML = html;
}
_IG_RegisterOnloadHandler(displayGreeting);
</script>
]]>
</Content>
</Module>

In cadrul aplicatiei, e posibil sa existe variabile care pot fi substituite in mod dinamic la rularea acesteia. Aceste variabile contin preferintele utilizatorului si sunt marcate printr-o secventa de forma __UP_[username]__. Integrarea acestora in cadrul aplicatiei se realizeaza in sectiunile <ModulePrefs> sau <UserPrefs>.
Preferintele marcate “required” (required=”true) blocheaza rularea aplicatiei pana la introducerea valorilor solicitate utilizatorului.
Exista diverse tipuri de date care pot fi folosite pentru interactiunea cu utilizatorul. De exemplu, tipul de date bool este reprezentat ca un checkbox, tipul de date enum, ca o lista de optiuni (drop-down list), intr-o maniera asemanatoare tipurilor din programarea vizuala sau formularelor HTML. Sunt disponobile tipurile de date string, bool, enum, hidden, list si location.
Constructorul _IG_Prefs() permite accesul la variabilele ce contin in cazul nostru preferintele utilizatorului. Accesul se realizeaza prin functiile getArray() sau getString().
Functia _gel(id) este asemanatoare functiei JavaScript pentru accesarea unui element prin identificatorul acestuia: document.getElementById().
Constructia _IG_RegisterOnloadHandler(func) mentioneaza functia care va rula in momentul incarcarii paginii.
Gadget-urile pun la dispozitia utilizatorilor functionalitatii de genul drag & drop, grid, obiecte Flash inserate, mesaje in mod tabbed, internationalizare, afisare de continut in format XML sau JSON.
Adaugarea gadget-ului nou creat in cadrul paginii iGoogle se realizeaza prin adresa http://www.google.com/ig/adde?synd=open&...http://... , unde se introduce calea gadget-ul salvat.

 
Forum » WebDevelopement » Tutoriale » Google Gadgets (Google Gadgets)
  • Pagina 1 din 1
  • 1
Căutare:


Copyright by pipinoTe© 2018-2015