Applet-ul este un program java destinata sa ruleze in interiorul unei pagini HTML(Hyper-Text Mark-up Language) pe Internet. Crearea unui asemenea program se face prin declararea claselor ca fiind derivate din clasa java.applet.Applet.
Pachetul java.applet contine clasele si interfetele necesare pentru implementarea aplicatiilor Java in paginile HTML astfel incat sa poata sa interactioneze cu browser-ele.
Principalele componente ale pachetului sunt:
clasa java.applet.Applet;
interfata java.applet.Context;
interfata java.applet.Stub;
interfata java.applet.AudioClip;
Clasa java.applet.Applet este o subclasa a clasei java.awt.Panel si reprezinta clasa de baza a tuturor applet-urilor. Metoda constructor a acestei clase este:
public Applet()
Clasa Applet contine de asemenea un numar de metode care asigura interactiunea cu browser-ul, cu obiecte AudioClip, cu obiecte Image si realizeaza o serie de actiuni asociate rularii aplicatiei. Cele mai importante metode ale acestei clase sunt:
public void init(), initializeaza applet-ului;
public void start(), porneste applet-ului;
public void paint(Graphics g), insereaza texte si desene;
public void repaint(Graphics g), reactualizeaza ecranul;
public void stop(), permite oprirea applet-ului;
public void distroy(), elibereaza resursele ocupate de applet;
In exemplul de program de la finalul acestei lectii se declara clasa “Joc” cuprinzand cam toate aceste elemente. Structura ei poate fi schematizata astfel:
class Joc extends Applet
public void start()
public void stop()
public void paint(Graphics g()
alte metode ale clasei
Celelalte metode prezente in clasa “Joc” sunt destinate lucrului cu mouse-ul in interiorul unui applet Java:
public boolean mouseDown(Event e,int x, int y);
public boolean mouseDrag(Event e,int x,int y);
public boolean mouseUp(Event e,int x,int y).
Din denumirile lor se poate observa ca sunt tratate ca evenimente apasarea si eliberarea unui buton precum si deplasarea mouse-ului cu butonul apasat.
T.12.1.1. Schematizati conform modelului anterior clasa Marcher de la Lectia nr. 3
Alte metode continute de clasa Applet permit efectuarea unor operatiuni ce tin de interactiunea cu browser-ul, cu contextul precum si de introducerea unor obiecte multimedia in applet (imagini, sunete):
public AppletContext getAppletContext(), intoarce o referinta la context (browser sau aplicatie ce contine applet-ul);
public String getParameter(String nume_parametru), returneaza un parametru al applet-ului;
public String[][] getParameterInfo(), returneaza informatii despre parametrii (nume, tip, descriere) intr-o arie bidimensionala;
public boolean isActive(), applet-ul este activ;
public void showStatus(), trimite mesaje la linia “Status
public String getAppletInfo(), returneaza un String cu numele autorului applet-ului, versiunea si informatia de copyright;
public void setStub(AppletStub stub), utilizata de browser pentru a stabili interfata AppletStub;
public URL getCodeBase(), returneaza URL-ul applet-ului;
public URL getdocumentBase(), returneaza URL-ul documentului ce contine applet-ul;
public AudioClip getAudioClip(URL url) si
public AudioClip getAudioClip(URL url,String nume) returneaza un AudioClip de la adresa URL;
public void play(URL url,String nume), activeaza AudioClip-ul;
public Image getImage(URL url) si
public Image getImage(URL url,String nume), returneaza o Imagine de la adresa URL.
Metodele mai sus enumerate ale clasei Applet permit o implementare rapida si eficienta a aplicatiilor scrise in Java in paginile web pentru Internet. Pe langa ele, clasa comunica cu: imaginile, clipurile audio si contextul in care ruleaza prin intermediul interfetelor.
Interfata “public interface java.applet.AudioClip” este independenta de platforma si este utilizata pentru activarea si manipularea clipurilor audio. Cele mai importante metode componente ale interfetei sunt:
public abstract play(), activeaza clipul audio;
public abstract void loop(), ruleaza clipul in bucla;
public abstract void stop(), opreste clipul audio;
Interfata “public interface java.applet.AppletContext” este utilizata de applet pentru a comunica cu contextul (browser-ul sau aplicatia ce contine applet-ul). Metodele continute de ea sunt:
public abstract Applet getApplet(String nume), returneaza applet-ul “nume”;
public abstract Enumeration getApplets(), returneaza o enumerare a tuturor applet-urilor continute de context;
public abstract void showStatus(String starea), afiseaza “starea” in zona Status;
public abstract void showDocument(URL url), cere un nou document de la browser
public abstract AudioClip getAudioClip(URL url), returneaza un AudioClip;
public abstract Image getImage(URL url), returneaza o imagine de pe retea sau de unde a fost incarcata.
T.12.1.2. Raspundeti la urmatoarele intrebari
1. Un applet este un program Java care:
Ruleaza intr-o pagina web;
Ruleaza de sine statator;
Executa protocoale de comunicatii.
2. Pachetul java.applet.Applet contine:
Clasa Applet;
Interfata AudioClip;
Interfata Applet.Context;
3. Clasa Applet contine metodele:
start();
wait()
exit()
4. Evenimentele legate de mouse se transfera clasei de catre metodele:
mouseUp();
mouseDown();
mouseTrace().
5. Un applet accepta in interiorul sau:
Siruri cu text;
Obiecte multimedia;
Fisiere web.
Intreaga dezvoltare a limbajului HTML s-a facut in ideea cresterii fara sacrificarea simplitatii. Fiecare document, numit si pagina, contine doua componente:
antetul (engl. head),
continutul sau corpul documentului (engl. body).
Prin urmare fisierul are o structura generala dupa cum urmeaza:
<html>
<head> <title>Titlul documentului</title> </head>
<body> Hipertextul continut de document</body>
</html>
Titlul documentului este afisat pe bara de titlu a ferestrei browser-ului atunci cand se afiseaza pagina web, hipertextul este continutul documentului adica textul si legaturile interne si externe ale acestuia.
T.12.2.1. Scrieti comenzile pentru a obtine o fereastra cu titlul “Pagina web goala”.
Documentele HTML contin doua tipuri de elemente: caractere entitati si tag-uri. Caracterele entitati sunt literele speciale, altele decat cele din alfabetul englez. In limba romana, de exemplu, caracterele entitati sunt literele cu semne diacritice: a, a, i, s, t, A, A, I, S, T. Reprezentarea lor, independent de platforma, se poate face prin doua metode diferite, dar cea mai simpla cale este utilizarea urmatoarelor coduri:
a ã A Ã
a â A Â
i î I Î
s º S ª
t þ T Þ
Tag-urile sunt cuvinte de cod scrise intre paranteze unghiulare. Ele pot sa fie:
vide (singulare) <nume_tag>
nevide (pereche) <nume_tag> </nume_tag>
De exemplu doua tag-uri singulare sunt:
<hr> comanda desenarea unei linii orizontale,
<img src = “poza.gif”> insereaza o imagine in pagina web.
Tag-urile pereche sunt cele mai frecvent utilizate. Doua exemple de asemenea tag-uri sunt:
<b> Text ingrosat </b> litere accentuate(bold)
<i> Text aplecat </i> litere aldine (italics)
Tag-urile au in anumite cazuri atribute care le specifica pozitia sau anumite caracteristici. Sintaxa in acest caz devine:
<nume_tag nume_atribut>
<nume_tag nume_atribut> </nume_tag>
Deci tag-urile vide de mai sus devin:
<hr width=% align=center size=3>
comanda desenarea unei linii orizontale de lungime 100%, centrata, avand grosimea 3 unitati.
<img src = “poza.gif” align = “right”>
insereaza imaginea la marginea dreapta a paginii web
Un tag nevid care are atribute este cel prin care se realizeaza legaturile interne si externe:
<a href = “alta_pagina.htm”> Text marcat </a>
Acest tag creeaza un text marcat, adica un text de culoarea albastra, subliniat pe care, daca se da un clic cu butonul din stanga al mouse-ul, se comanda un salt. Un salt poate fi local, in cadrul aceluiasi document (afisarea pe ecran a unei alte portiuni a acestuia) sau poate sa treaca la o alta pagina html in locul celei curente.
T.12.2.2. Desenati o linie orizontala de lungime 75%, centrata, avand grosimea 5 unitati.
Tag-urile pot fi imbricate pentru a obtine efecte cumulate asa cum se arata mai jos:
<b><i> Text aldin ingrosat </i></b>
Structurarea textului in documentele HTML se face cu ajutorul ierarhizarii titlurilor in cele sase grupe permise de limbaj:
<h1> Titlu de rang 1 </h1>,
<h2> Titlu de rang 2 </h2>,
<h6> Titlu de rang 6 </h6>.
Textul normal se scrie paragraf cu paragraf intre tag-urile <p> </p>
Adica de exemplu:
<p> Acesta este un paragraf de text normal </p>
Paragrafele se aliniaza automat la stanga.
T.12.2.3. Scrieti un text de 3 paragrafe intr-un fisier html avand un titlu de rang 1 si cate un titlu de rang doi pentru fiecare paragraf.
Titlurile sau textul unui paragraf sau parti din acestea pot fi scoase suplimentar in evidenta prin caracteristici suplimentare:
Ingrosat. Se utilizeaza tag-ul <b> </b>;
Aldin. Se utilizeaza tag-ul <i> </i>;
Mono-spatiat. Se utilizeaza tag-ul <tt> </tt>.
Terminarea unui rand poate fi comandata cu tag-ul <br>.
Acest lucru poate fi util de exemplu pentru citate din poezii.
“La steaua care a rasarit <br>
E-o cale atat de lunga, <br>
Ca mii de ani i-au trebuit <br>
Luminii ca s-ajunga” <br>
T.12.2.4. Scrieti comanda pentru a afisa intr-o pagina html textul “Orice aparat electric functioneaza mult mai bine daca este bagat in priza” intre doua linii de separatie orizontale de tipul celor de la T.12.2.2.
Pastrarea caracteristicilor originale ale unui text editat intr-un procesor de texte oarecare se poate face prin utilizarea tag-urilor <pre> </pre>. Tab-urile, spatiile suplimentare si alte elemente ale textului preformatat cuprins intre cele doua tag-uri de mai sus vor fi pastrate. Textele preformatate se afiseaza cu caractere Courier mono-spatiate.
Listele numerotate, numite de obicei liste ordonate, se realizeaza cu ajutorul sintaxei urmatoare:
<ol>
<li> Primul element al listei
<li>Al doilea element al listei
<li>Al treilea element al listei
<li>Ultimul element al listei
</ol>
Listele neordonate (liste cu buline) se creaza similar cu sintaxa:
<ul>
<li> Primul element al listei
<li>Al doilea element al listei
<li>Al treilea element al listei
<li>Ultimul element al listei
</ul>
O lista imbricata (liste continand subliste) se poate obtine in documentul editat prin inserarea sublistelor in interiorul unei liste. Pentru a nu ingreuia intelegerea materialului se recomanda sa nu se depaseasca trei nivele de subsidiaritate.
T.12.2.5. Scrieti setul de linii de cod necesare pentru a crea o lista de 5 elemente care sa aiba cate o sublista de trei elemente pentru pozitiile a doua si a treia.
Introducerea unei imagini in text se poate face asa cum s-a aratat intr-un exemplu anterior cu sintaxa:
<img src = “nume_calificat imagine” align = “aliniere”>
Prin urmare inserarea imaginii “poza.gif” din directorul C:IMAGGIF in stanga unui text se face cu comanda:
<img src = “C:IMAGGIFpoza.gif” align = “left”>
T.12.2.6. Scrieti comanda pentru a insera imaginea ”C:windowssetup.bmp” centrata
Pentru a creea un fond colorat al paginii se introduce atributul “bgcolor” alaturi de tag-ul body. Culorile se dau in format RGB in hexazecimal. 0 0 0 este negru iar 256 256 256 este alb. De asemenea pentru a “placa” fondul cu o imagine se utilizeaza atributul “background”.
<body bgcolor = #FFFFCA>
<body background = “imagine.gif”>
T.12.2.7. Scrieti liniile de cod pentru a tapeta fondul unei pagini cu imaginea “c:imaggifpoza.gif”
Un tabel N N se poate obtine scriind urmatoarele linii de cod:
<table border>
<caption align = “bottom”>Explicatia tabelului</caption>
<tr><th>Cap de rand</th>
<td>Celula 1.1</td>
<td>Celula 1.2</td>
<td>Celula 1.N</td></tr>
<tr><th>Cap de rand</th>
<td>Celula 2.1</td>
<td>Celula 2.2</td>
<td>Celula 2.N</td></tr>
<tr><th>Cap de rand</th>
<td>Celula N.1</td>
<td>Celula N.2</td>
<td>Celula N.N</td></tr>
</table>
Unde tag-ul <table> </table> defineste inceputul si respectiv sfarsitul tabelului, <tr> </tr> inceputul si respectiv sfarsitul randului, <th> </th> defineste o celula din capul de tabel iar <td> </td> defineste o celula. Atributul “border” semnalizeaza prezenta liniilor de margine interne si externe ale tabelului.
Alinierea datelor in celulele din tabel se face cu atributul “align” si specificatorii cunoscuti: “right”, “left”, “center” etc. Extinderea unei celule se face la stanga cu “rowspan” iar la dreapta cu “colspan”.
T.12.2.8. Scrieti liniile de cod pentru a crea un tabel 4 3 avand titlul exercitiu si continand.
1. Arad 15 234
2. Deva 3 414
3. Resita 18 264
4. Timisoara 12 87
Alte elemente care pot fi folosite pentru a imbunatatii aspectul unui text dintr-o pagina web sunt:
Text accentuat <em> </em>;
Text puternic accentuat <strong> </strong>;
Indentare citat <citat> </citat>;
Indentare citate lungi <blockquote> </blockquote>;
Text tastat de utilizator <kbd> </kbd>;
Nume variabila <var> </var>;
Definitie <dfn> </dfn>;
Secventa de cod <code> </code>;
Text care clipeste <blink> </blink>;
Adresa si alte informatii despre autor <address> </address>.
Pentru a permite transmiterea unor mail-uri direct din pagina se foloseste sintaxa:
<a href='mailto:adresa_mail'>adresa_mail</a>
De exemplu in pagina web a autorului exista linia:
<a href='mailto:dlacrama@hotmail.com'>
dlacrama@hotmail.com </a>
Un clic pe adresa scrisa in pagina declanseaza editorul de e-mail si utilizatorul poate scrie direct un mesaj spre posesorul paginii web.
T.12.2.9. Scrieti comanda pentru a face posibila transmiterea unui mesaj pe adresa dumneavoastra de e-mail.
Realizarea unei legaturi intre doua pagini HTML diferite sau intre doua puncte ale aceluiasi document presupune doua lucruri:
Marcarea textului de unde se face legatura,
Eticheta (tinta) la care se face saltul.
Pentru legaturile locale adica in cadrul aceluiasi fisier sau intre fisierele aceluiasi site pe Internet marcarea se realizeaza cu sintaxa:
<a href = “nume_tinta”> Text marcat </a>
iar tinta se eticheteaza cu:
<a name = “nume_tinta”> Paragraf tinta </a>
Legatura la un alt site se face cu comanda:
<a href = “http://www.adresa_siteului”> Text marcat </a>
Spre exemplu, legatura la pagina primariei timisorene se realizeaza cu linia de cod urmatoare:
<a href = “http://www.ccctm.ro”> Primarie </a>
Paginile html pot fi simple sau pot contine mai multe cadre “frame” ceea ce creste densitatea de informatie din interiorul lor si permite realizarea unor sit-uri cu o estetica mult imbunatatita. Teoretic fiecare cadru contine o pagina web autonoma: De obicei insa, unul dintre ele (Cadru principal), contine un set de salturi locale care comanda continutul celorlalte.
T.12.2.10. Raspundeti la urmatoarele intrebari
1. Editarea continutului paginilor web se face in:
Limbajul Java;
HTML;
Un text obisnuit introdus intr-un applet.
2. Orice pagina web trebuie sa contina:
Un antet (head)
Un titlu (title)
Un corp al paginii (body)
3. Sfarsitul de rand se obtine cu:
<br> </br>
<hr> </hr>
<br>.
4. O adresa de e-mail activa se introduce cu sintaxa :
<a href='mailto:adresa_mail'>;
<a href='mailto:adresa_mail'>adresa_mail
<a href='mailto:adresa_mail'>adresa_mail</a>
5. Un salt la o alta pagina web “www.ppp” se poate face cu sintaxa:
<a href = “http://www.ppp”>
<a href = “http://www.ppp”> Text marcat </a>
<a = “http://www.ppp”> Text marcat </a>
Inca din exemplul prezentat la Lectia nr. 1 s-au introdus comanda simplificata de implementare a unui applet intr-o pagina web. In acest paragraf comanda este reluata si analizata in detaliu.
La fel ca in majoritatea cazurilor de introducere a unor elemente in fisierul HTML si in cazul applet-urilor se apeleaza la o sintaxa cu un tag pereche. In continuare se prezinta principalele comenzi ale limbajului HTML.
Prin urmare sintaxa utilizata pentru declararea aplicatiilor Java in paginile web este:
<applet code = nume_clasa width = l height = h
[align = aliniament][vspace = spatiu_v] [hspace = spatiu_h]>
De exemplu, clasa “Joc” se poate introduce in fisierul joc.htm cu liniile de cod urmatoare:
<applet code=Joc.class width=300 height=300
align = right vspace = 10 hspace = 10> </applet>.
Cu specificatorul “Code” se introduce numele clasei ce se executa. Prin parametrii “width” si “height” se stabilesc latimea si inaltimea spatiului afectat applet-ului, iar parametrii facultativi vspace si hspace stabilesc spatiul de garda de la marginea applet-ului la alte elemente
Alinierea este, de asemenea, facultativa si se stabileste cu specificatorul align. Implicit applet-ul este aliniat la stanga. Valorile lui align pot fi:
“left” = aliniat la marginea stanga;
right” = aliniat la marginea dreapta;
“top” = aliniat la varful celui mai inalt element din linia curenta;
“texttop” = aliniat la varful celei mai inalte litere din linia curenta;
“middle” = mijlocul applet-ului aliniat la baza liniei curente;
“absmiddle” = mijlocul applet-ului aliniat la mijlocul liniei curente;
“bottom” = baza applet-ului aliniata la mijlocul liniei curente;
“baseline” = identic cu “bottom”;
“absbottom” = baza applet-ului e aliniata la baza liniei curente.
T.12.3.1. Modificati declaratia de mai sus pentru urmatoarele valori
height=500, width 400
align = right
vspace = 25 hspace = 15
Se poate transmite un parametru din pagina web la aplicatia java utilizand sintaxa de mai jos (varianta completa):
<applet code=nume_ width = l height = h align = aliniament
vspace = spatiu_v hspace = spatiu_h>
<param name=nume_parametru
value = valoare_parametru></applet>
Identificatorul “nume_parametru” denumeste o variabila care asigura legatura cu functia init() a clasei ce se executa in applet. Aceasta variabila este declarata si initializata cu “valoare_parametru” in pagina web si utilizata apoi in interiorul aplicatiei Java.
In cele ce urmeaza se prezinta un exemplu de implementare a unei asemenea transfer de date intre cele doua fisiere. Pagina HTML contine urmatoarele linii de cod:
<html>
<head> <title>Transmitere mesaj</title> </head>
<body>
<applet code=Mesaj width=150 height=50>
<param name=text value='Acesta este mesajul transferat'>
</applet>
</body>
</html>
Dupa cum se poate observa, valoarea parametrului cuprinde mesajul transferat intre cele doua fisiere. Preluarea parametrului din HTML in programul Java se face cu functia:
public String getParameter(String nume_parametru)
prezentata in primul paragraf.
Fisierul sursa Java in care se executa operatiile de preluare si afisarea mesajului transferat este prezentat mai jos:
class Mesaj extends Applet
alte metode ale clasei
Rezultatul este aparitia in pagina web a unui applet ce contine textul 'Acesta este mesajul transferat'. Aceasta propozitie poate fi oricand schimbata direct in pagina HTML fara sa mai fie necesare modificari in programul Java.
T.12.3.2. Modificati fisierele salut.java si salut.htm de la Lectia nr. 1 astfel incat sa se poata obtine transferul de parametru prezentat mai sus.
Legarea bilaterala a applet-ului si fisierului .html asa cum s-a aratat in acest paragraf permite de asemenea obtinerea unor site-uri interactive pe Internet. Aplicatiile Java ruleaza cu parametrii dati de utilizator direct in pagina web. El poate astfel, desi nu are acces la codurile sursa Java, sa modifice functionarea applet-ului.
T.12.3.3. Raspundeti la urmatoarele intrebari
1. Paginile web interactive se realizeaza cu:
Preluarea unor parametrii in obiectele java;
Ferestre de dialog java;
Applet-uri java interactive.
2. Declararea unui applet se face cu sintaxa:
<applet code=nume_clasa>;
<applet code=nume_ area = l h >;
<applet code=nume_ width = l height = h >.
3. Dimensiunile spatiului aferent unui applet sunt:
area;
height si width;
hspace si vspace.
4. Transferul de parametru se face cu sintaxa:
<name=nume_param value = valoare_param>
<nume_param = valoare_param>
<param name=nume_param value = valoare_param>
5. Functionarea unui applet poate fi modificata de:
Modificarea parametrilor transferati;
Interfata applet-ului cu pagina web;
Comenzile directe ale utilizatorului.
Applet-ul este un program java destinata sa ruleze in interiorul unei pagini HTML pe Internet. Crearea unui asemenea program se face prin declararea claselor ca fiind derivate din clasa java.applet.Applet.
Fiecare document HTML cuprinde: un antet si continutul sau corpul documentului. Documentele cuprind caractere entitati si tag-uri. Tag-urile sunt cuvinte de cod scrise intre paranteze unghiulare. Ele pot sa fie: singulare sau pereche.
Legarea bilaterala a applet-ului si fisierului .html permite de asemenea obtinerea unor site-uri interactive pe Internet. Aplicatiile Java ruleaza cu parametrii dati de utilizator direct in pagina web. El poate astfel, desi nu are acces la codurile sursa Java, sa modifice functionarea applet-ului.
Raspunsuri
T.12.1.1.
class Marcher extends Applet implements Runnable
public void start()
public void run()
public void paint(Graphics g()
T.12.1.2.1. a
T.12.1.2.2. a, b, c
T.12.1.2.3. a
T.12.1.2.4. a, b
T.12.1.2.5. a, b
T.12.2.1.
<html>
<head> <title>Pagina web goala</title> </head>
<body> </body>
</html>
T.12.2.2.
<hr width=75% align = center size = 5>
T.12.2.3.
<h1> Titlu principal</h1>
<h2> Titlu paragraf 1</h2>
<p> pragraf 1</p>
<h2> Titlu paragraf 2</h2>
<p> paragraf 2</p>
<h2>Titlu paragraf 3</h2>
<p>paragraf 3</p>
T.12.2.4.
<hr width=75% align = center size = 5>
<p> Orice aparat electric functioneaza mult
mai bine atunci cand este bagat in priza.</p>
<hr width=75% align = center size = 5>
T.12.2.5.
<ol>
<li> Element 1;
<li> Element 2:
<ul>
<li> Element 21;
<li> Element 22;
<li> Element 23.
</ul>
<li> Element 3:
<ul>
<li> Element 31;
<li> Element 32;
<li> Element 33.
</ul>
<li> Element 4;
<li> Element 5;
</ol>
T.12.2.6.
<img src = “c:windowssetup.bmp” align = “center”>
T.12.2.7.
<body background = “c:imaggifpoza.gif”>
T.12.2.8.
<table border>
<caption align = “bottom”>Explicatia tabelului</caption>
<tr><th>1.</th>
<td> Arad </td>
<td>15</td>
<td>234</td></tr>
<tr><th>2.</th>
<td> Deva </td>
<td>3</td>
<td>414</td></tr>
<tr><th>3.</th>
<td>Resita</td>
<td>18</td>
<td>264</td></tr>
<tr><th>4.</th>
<td>Timisoara</td>
<td>12</td>
<td>87</td></tr>
</table>
T.12.2.9.
<a href = “mail to: gigi@mail.dnttm.ro”>gigi@mail.dnttm.ro</a>
T.12.2.10.1. b
T.12.2.10.2. a, b, c
T.12.2.10.3. c
T.12.2.10.4. c
T.12.2.10.5. b
T.12.3.1.
<applet code=Joc.class width=400 height=500 align = center
vspace = 25 hspace = 15> </applet>
T.12.3.3.1. a, b, c
T.12.3.3.2. c
T.12.3.3.3. b
T.12.3.3.4. c
T.12.3.3.5. a
T.12.4.1. Rezultatul rularii programului “Stea” in mediul Microsoft Development Studio for Java utilizand ca browser navigatorul Internet Explorer incorporat in Windows 98 este prezentat in Figura 10.3.
