{"id":1276,"date":"2011-04-19T15:51:50","date_gmt":"2011-04-19T13:51:50","guid":{"rendered":"https:\/\/blogs.ua.es\/observatoriotic\/?p=1276"},"modified":"2011-04-19T18:46:35","modified_gmt":"2011-04-19T16:46:35","slug":"como-insertar-un-applet-en-exe-learning","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/observatoriotic\/2011\/04\/19\/como-insertar-un-applet-en-exe-learning\/","title":{"rendered":"C\u00f3mo insertar un applet en eXe Learning"},"content":{"rendered":"<p style=\"text-align: justify\">Los <strong>applets de Java<\/strong> son peque\u00f1as aplicaciones que, habitualmente, aparecen integradas en p\u00e1ginas web. El applet se ejecuta dentro del navegador, mediante un contenedor, a trav\u00e9s del <a title=\"Descarga Java\" href=\"http:\/\/www.java.com\/es\/download\/\" target=\"_blank\">plugin de Java<\/a>. Este tipo de aplicaciones pueden a\u00f1adir interactividad a una p\u00e1gina web.<\/p>\n<p style=\"text-align: justify\">El software de generaci\u00f3n de contenidos did\u00e1cticos <strong>eXe Learning, dispone de un iDevice que permite la integraci\u00f3n de los applets de Java<\/strong> en nuestros materiales. Si disponemos del applet integrado en una p\u00e1gina HTML y de los ficheros del applet, la tarea de a\u00f1adirlo en eXe es relativamente sencilla.<\/p>\n<hr \/>\n<p style=\"text-align: justify\">Els <strong>applets de Java<\/strong> s\u00f3n petites aplicacions que, habitualment, apareixen  integrades en p\u00e0gines web. L&#8217;applet s&#8217;executa dins del navegador,  mitjan\u00e7ant un contenidor, a trav\u00e9s del <a title=\"Descarga Java\" href=\"http:\/\/www.java.com\/es\/download\/\" target=\"_blank\">plugin de Java<\/a>. Aquest tipus  d&#8217;aplicacions poden afegir interactivitat a una p\u00e0gina web.<\/p>\n<p style=\"text-align: justify\">El programari de generaci\u00f3 de continguts did\u00e0ctics <strong>eXe Learning, disposa  d&#8217;un iDevice que permet la integraci\u00f3 dels applets de Java<\/strong> en els  nostres materials. Si disposem de l&#8217;applet integrat en una p\u00e0gina HTML i  dels fitxers de l&#8217;applet, la tasca d&#8217;afegir-ho en eXe \u00e9s relativament  senzilla.<\/p>\n<p style=\"text-align: right\"><!--more--><\/p>\n<p style=\"text-align: justify\"><a name=\"cas\"><\/a><\/p>\n<p style=\"text-align: right\"><strong>cas <a href=\"#val\">val<\/a> <a href=\"#foro\">foro<\/a><\/strong><\/p>\n<h3>Integraci\u00f3n de un applet en una p\u00e1gina HTML<\/h3>\n<p style=\"text-align: justify\">A la hora de crear contenido HTML debemos llevar cuidado con la compatibilidad del lenguaje en los diferentes navegadores. Determinadas propiedades que funcionan a la perfecci\u00f3n en Firefox, pueden visualizarse de un modo incorrecto en Explorer o viceversa. En cualquier caso, debemos procurar la m\u00e1xima compatibilidad con los distintos navegadores, mediante la utilizaci\u00f3n de c\u00f3digo estandarizado. La inclusi\u00f3n de applets es una de esas cosas que funciona de manera diferente seg\u00fan el navegador.<\/p>\n<p style=\"text-align: justify\">El ejemplo que vamos a utilizar, inserta el applet en la p\u00e1gina HTML, mediante <strong>la etiqueta OBJECT<\/strong> (propia de XHTML). Anteriormente, se utilizaba directamente la etiqueta APPLET.<\/p>\n<p style=\"text-align: justify\">Antes de ver el c\u00f3digo, debemos saber que los archivos con extensi\u00f3n <strong>.class<\/strong>, son los que contienen el programa en Java.<\/p>\n<p style=\"text-align: justify\">Por otro lado, podemos encontrar archivos con extensi\u00f3n <strong>.jar<\/strong>. Son archivos comprimidos que contienen un conjunto de otros archivos (algo as\u00ed como el formato .zip). Por ejemplo, cuando creamos un applet, todos los archivos que utilicemos en el proyecto, como im\u00e1genes, sonidos y las propias clases de Java, se almacenar\u00e1n en un archivo <strong>.jar<\/strong>. En ocasiones, dependiendo del tipo de applet y del programa que utilicemos para crearlo, no dispondremos de este tipo de archivos.<\/p>\n<p>A continuaci\u00f3n, vamos a ver un c\u00f3digo de ejemplo para incluir un applet en una p\u00e1gina HTML:<\/p>\n<div class=\"codigo\">\n<pre>&lt;p&gt;\r\n &lt;!--[if !IE]&gt;--&gt;\r\n &lt;<span style=\"color: #ff0000\">object<\/span> <span style=\"color: #339966\">classid<\/span>=\"<span style=\"color: #0000ff\">java:minimos.class<\/span>\" <span style=\"color: #339966\">type<\/span>=\"<span style=\"color: #0000ff\">application\/x-java-applet<\/span>\" <span style=\"color: #339966\">height<\/span>=\"<span style=\"color: #0000ff\">540<\/span>\" <span style=\"color: #339966\">width<\/span>=\"<span style=\"color: #0000ff\">690<\/span>\" &gt;\r\n\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">codebase<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos<\/span>\" \/&gt;\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">archive<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos.jar, swing-layout-1.0.jar, jfreechart-1.0.9.jar,jcommon-1.0.12.jar<\/span>\"\/&gt;\r\n\r\n &lt;!--&lt;![endif]--&gt;\r\n &lt;<span style=\"color: #ff0000\">object <\/span><strong><span style=\"color: #339966\">classid<\/span><\/strong>=\"<span style=\"color: #0000ff\">clsid:8AD9C840-044E-11D1-B3E9-00805F499D93<\/span>\" <span style=\"color: #339966\">height<\/span>=\"<span style=\"color: #0000ff\">540<\/span>\" <span style=\"color: #339966\">width<\/span>=\"<span style=\"color: #0000ff\">690<\/span>\" &gt;\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">codebase<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos<\/span>\" \/&gt;\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">code<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos.class<\/span>\" \/&gt;\r\n\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">archive<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos.jar, swing-layout-1.0.jar, jfreechart-1.0.9.jar,jcommon-1.0.12.jar<\/span>\"\/&gt;\r\n &lt;\/<span style=\"color: #ff0000\">object<\/span>&gt;\r\n &lt;!--[if !IE]&gt;--&gt;\r\n &lt;\/<span style=\"color: #ff0000\">object<\/span>&gt;\r\n\r\n &lt;!--&lt;![endif]--&gt;\r\n &lt;\/p&gt;<\/pre>\n<\/div>\n<p>Vamos a describir brevemente algunas de las l\u00edneas de c\u00f3digo:<\/p>\n<ul>\n<li>Las etiquetas que comienza con los s\u00edmbolos<strong> <\/strong>&#8220;<strong>&lt;!&#8211;<\/strong>&#8221; como &#8220;<strong>&lt;!&#8211;[if !IE]&gt;&#8211;&gt;<\/strong>&#8220;, las utilizamos para indicar dos modos de incrustar el applet, dependiendo de si el navegador que utilizamos es Explorer o no. De este modo, tendremos dos etiquetas OBJECT.\n<p><\/li>\n<li>Si el navegador <strong>no es Explorer<\/strong>, la etiqueta OBJECT tiene la siguiente estructura:<br \/>&lt;object <strong><span style=\"color: #339966\">classid<\/span><\/strong>=&#8221;<strong><span style=\"color: #0000ff\">java<\/span><\/strong>:<strong><span style=\"color: #0000ff\">minimos.class<\/span><\/strong>&#8221; <span style=\"color: #339966\"> <strong>type<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>a<\/strong><strong>pplication\/x-java-apple<\/strong><\/span>t&#8221; <span style=\"color: #339966\"> <strong>height<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>5<\/strong><strong>40<\/strong><\/span>&#8221; <strong><span style=\"color: #339966\">width<\/span><\/strong>=&#8221;<span style=\"color: #0000ff\"><strong>690<\/strong><\/span>&#8220;&gt;\n<p><\/li>\n<li>Si el navegador <strong>es Explorer<\/strong>, la etiqueta OBJECT tiene la siguiente estructura:<br \/>&lt;object <strong><span style=\"color: #339966\">classid<\/span><\/strong>=&#8221;<strong><span style=\"color: #0000ff\">clsid:8AD9C840-044E-11D1-B3E9-00805F499D93<\/span><\/strong>&#8221; <span style=\"color: #339966\"><strong> height<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>540<\/strong><\/span>&#8221; <span style=\"color: #339966\"><strong>width<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>690<\/strong><\/span>&#8221; &gt;\n<p><\/li>\n<li><strong>&lt;param <span style=\"color: #339966\">name<\/span>=&#8221;<span style=\"color: #0000ff\">code<\/span>&#8221; <span style=\"color: #339966\">value<\/span>=&#8221;<span style=\"color: #0000ff\">minimos.class<\/span>&#8221; \/&gt;<\/strong>:<br \/>\nen la parte de c\u00f3digo del navegador Explorer, debemos indicar el fichero fuente del applet (extensi\u00f3n .class) en el par\u00e1metro &#8220;<strong>code<\/strong>&#8220;, ya que no se indica en la etiqueta OBJECT.<\/p>\n<\/li>\n<li><strong>&lt;param <span style=\"color: #339966\">name<\/span>=&#8221;<span style=\"color: #0000ff\">codebase<\/span>&#8221; <span style=\"color: #339966\">value<\/span>=&#8221;<span style=\"color: #0000ff\">.<\/span>&#8221; \/&gt;:<br \/>\n<\/strong>el par\u00e1metro &#8220;<strong>codebase<\/strong>&#8221; indica la ruta en la que se encuentran los archivos pertenecientes al applet. Por ejemplo, en la siguiente imagen podemos ver que el fichero HTML se encuentra en una carpeta diferente al resto de archivos del applet (que est\u00e1n dentro de la carpeta &#8220;<strong>m\u00ednimos<\/strong>&#8220;). En este caso, el valor de &#8220;codebase&#8221; deber\u00eda ser <strong>value=&#8221;minimos&#8221;.<\/strong><\/p>\n<table style=\"text-align: center\">\n<tbody>\n<tr>\n<td><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio1.png\" alt=\"Ejemplo directorios\" width=\"333\" height=\"165\" \/><\/a><\/td>\n<td><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio2.png\" alt=\"Ejemplo directorios 2\" width=\"350\" height=\"259\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Cuando eXe genera el contenido en formato HTML, introduce todos los archivos necesarios en la misma carpeta. Por este motivo, siempre que integremos un applet en eXe, debemos asignar el valor &#8216;.&#8217; al par\u00e1metro &#8220;<strong>codebase<\/strong>&#8221; (as\u00ed indicamos que los archivos se encuentran en la misma carpeta).<\/p>\n<\/li>\n<li><strong>&lt;param <span style=\"color: #339966\">name<\/span>=&#8221;<span style=\"color: #0000ff\">archive<\/span>&#8221; <span style=\"color: #339966\">value<\/span>=&#8221;<span style=\"color: #0000ff\">minimos.jar, swing-layout-1.0.jar, jfreechart-1.0.9.jar,jcommon-1.0.12.jar<\/span>&#8220;\/&gt;:<br \/>\n<\/strong>si nuestro applet incluye archivos <strong>.jar, <\/strong>en el par\u00e1metro<strong> &#8220;archive&#8221; <\/strong>debemos especificar el nombre de todos los ficheros necesarios.<strong> <\/strong>Si no, no hace falta incluir esta l\u00ednea.<strong><br \/>\n<\/strong><\/p>\n<\/li>\n<\/ul>\n<p style=\"text-align: justify\">\n<h3 style=\"text-align: justify\">Integrando el applet en eXe Learning<\/h3>\n<p style=\"text-align: justify\">En cualquier caso, si nuestro applet funciona correctamente en un navegador, no tendr\u00edamos que tener problemas al insertarlo en eXe. Para ello debemos utilizar el iDevice llamado &#8220;<strong>Applet de Java<\/strong>&#8220;.\u00a0 En el cuadro &#8220;<strong>C\u00f3digo del applet<\/strong>&#8221; pegaremos el c\u00f3digo HTML necesario, teniendo la precauci\u00f3n de cambiar el valor del par\u00e1metro codebase a un punto. Para copiar el c\u00f3digo HTML, podemos abrir el archivo web, por ejemplo con el bloc de notas.<\/p>\n<p style=\"text-align: justify\">Mediante el bot\u00f3n &#8220;<strong>Agregar Archivos<\/strong>&#8221; debemos buscar los archivos necesarios en nuestro disco duro y, a continuaci\u00f3n, pulsar en &#8220;<strong>Cargar<\/strong>&#8220;, para que se a\u00f1adan a nuestro proyecto de eXe. Todos los archivos que hayamos incluido se muestran bajo el c\u00f3digo del applet.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exe.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exe.png\" alt=\"M\u00f3dulo applet en eXe Learning\" width=\"595\" height=\"430\" \/><\/a><\/p>\n<p style=\"text-align: justify\">Tras aceptar los cambios, en la previsualizaci\u00f3n, no veremos nada. Para comprobar el correcto funcionamiento del applet, debemos exportar los contenidos como p\u00e1gina web.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exportar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exportar.png\" alt=\"Exportar contenidos a HTML\" width=\"521\" height=\"277\" \/><\/a><\/p>\n<p style=\"text-align: justify\">En la carpeta generada, debemos buscar el archivo &#8220;<strong>index.html<\/strong>&#8221; para abrir la p\u00e1gina principal de los contenidos en el navegador. En nuestro caso, el resultado es el siguiente:<\/p>\n<p style=\"text-align: justify\"><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/navegador.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/navegador.png\" alt=\"Vista en el navegador (formato HTML)\" width=\"664\" height=\"431\" \/><\/a><\/p>\n<h3 style=\"text-align: justify\">Enlaces<\/h3>\n<ul>\n<li>Descarga el fichero &#8220;<a title=\"Ejemplo archivo eXe con applet\" href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/doc\/exe-applet\/applet.elp\" target=\"_blank\">applet.elp<\/a>&#8221; utilizado de ejemplo. El applet incluido pertenece a la profesora de la Universidad de Alicante Carmen V\u00e1zquez Ferri.<\/li>\n<li>En <a title=\"Ejemplo de applet\" href=\"http:\/\/w3.ua.es\/ite\/proyectos\/proyectoIDFO\/obtencionResultados\/index.html\" target=\"_blank\">este enlace<\/a> puedes visualizar un applet integrado en una p\u00e1gina HTML. Todos los navegadores permiten visualizar el c\u00f3digo HTML de la p\u00e1gina que muestran. Por ejemplo, en Firefox, podemos pinchar con el bot\u00f3n derecho del rat\u00f3n sobre la p\u00e1gina y elegir la opci\u00f3n &#8220;<strong>Ver c\u00f3digo fuente de la p\u00e1gina<\/strong>&#8220;. De este modo, podemos ver los distintos tipos de c\u00f3digo que se utilizan para integrar un applet.<\/li>\n<\/ul>\n<hr \/>\n<p style=\"text-align: justify\"><a name=\"val\"><\/a><\/p>\n<p style=\"text-align: right\"><strong><a href=\"#cas\">cas <\/a>val <a href=\"#foro\">foro<\/a><\/strong><\/p>\n<h3>Integraci\u00f3 d&#8217;un applet en una p\u00e0gina HTML<\/h3>\n<p style=\"text-align: justify\">A l&#8217;hora de crear contingut HTML hem de portar cura amb la  compatibilitat del llenguatge en els diferents navegadors. Determinades  propietats que funcionen a la perfecci\u00f3 en Firefox, poden visualitzar-se  d&#8217;una manera incorrecta en Explorer o viceversa. En qualsevol cas, hem  de procurar la m\u00e0xima compatibilitat amb els diferents navegadors,  mitjan\u00e7ant la utilitzaci\u00f3 de codi estandarditzat. La inclusi\u00f3 d&#8217;applets  \u00e9s una d&#8217;aqueixes coses que funciona de manera diferent segons el  navegador.<\/p>\n<p style=\"text-align: justify\">L&#8217;exemple que utilitzarem, insereix l&#8217;applet en la p\u00e0gina HTML,  mitjan\u00e7ant l&#8217;etiqueta <strong>OBJECT <\/strong>(pr\u00f2pia de XHTML). Anteriorment,  s&#8217;utilitzava directament l&#8217;etiqueta APPLET.<\/p>\n<p style=\"text-align: justify\">Abans de veure el codi, hem de saber que els arxius amb extensi\u00f3 <strong>.class<\/strong>, s\u00f3n els que contenen el programa en Java.<\/p>\n<p style=\"text-align: justify\">D&#8217;altra banda, podem trobar arxius amb extensi\u00f3<strong> .jar<\/strong>. S\u00f3n arxius  comprimits que contenen un conjunt d&#8217;altres arxius (alguna cosa aix\u00ed com  el format <strong>.zip<\/strong>). Per exemple, quan creem un applet, tots els arxius  que utilitzem en el projecte, com a imatges, sons i les pr\u00f2pies classes  de Java, s&#8217;emmagatzeman en un arxiu <strong>.jar<\/strong>. En ocasions, depenent del  tipus d&#8217;applet i del programa que utilitzem per a crear-ho, no  disposarem d&#8217;aquest tipus d&#8217;arxius.<\/p>\n<p>A continuaci\u00f3, veurem un codi d&#8217;exemple per a incloure un applet en una p\u00e0gina HTML:<\/p>\n<div class=\"codigo\">\n<pre>&lt;p&gt;\r\n &lt;!--[if !IE]&gt;--&gt;\r\n &lt;<span style=\"color: #ff0000\">object <\/span><span style=\"color: #339966\">classid<\/span>=\"<span style=\"color: #0000ff\">java:minimos.class\"<\/span> <span style=\"color: #339966\">type<\/span>=\"<span style=\"color: #0000ff\">application\/x-java-applet<\/span>\" <span style=\"color: #339966\">height<\/span>=\"<span style=\"color: #0000ff\">540<\/span>\" <span style=\"color: #339966\">width<\/span>=\"<span style=\"color: #0000ff\">690<\/span>\" &gt;\r\n\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">codebase<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos<\/span>\" \/&gt;\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">archive<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos.jar, swing-layout-1.0.jar, jfreechart-1.0.9.jar,jcommon-1.0.12.jar<\/span>\"\/&gt;\r\n\r\n &lt;!--&lt;![endif]--&gt;\r\n &lt;<span style=\"color: #ff0000\">object <\/span><span style=\"color: #339966\"><strong>classid<\/strong><\/span>=\"<span style=\"color: #0000ff\">clsid:8AD9C840-044E-11D1-B3E9-00805F499D93<\/span>\" <span style=\"color: #339966\">height<\/span>=\"<span style=\"color: #0000ff\">540<\/span>\" <span style=\"color: #339966\">width<\/span>=\"<span style=\"color: #0000ff\">690<\/span>\" &gt;\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">codebase<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos<\/span>\" \/&gt;\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">code<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos.class<\/span>\" \/&gt;\r\n\r\n &lt;param <span style=\"color: #339966\">name<\/span>=\"<span style=\"color: #0000ff\">archive<\/span>\" <span style=\"color: #339966\">value<\/span>=\"<span style=\"color: #0000ff\">minimos.jar, swing-layout-1.0.jar, jfreechart-1.0.9.jar,jcommon-1.0.12.jar<\/span>\"\/&gt;\r\n &lt;\/<span style=\"color: #ff0000\">object<\/span>&gt;\r\n &lt;!--[if !IE]&gt;--&gt;\r\n &lt;\/<span style=\"color: #ff0000\">object<\/span>&gt;\r\n\r\n &lt;!--&lt;![endif]--&gt;\r\n &lt;\/p&gt;<\/pre>\n<\/div>\n<p>Descriurem breument algunes de les l\u00ednies de codi:<\/p>\n<ul>\n<li>Les etiquetes que comencen amb els s\u00edmbols<strong> <\/strong>&#8220;<strong>&lt;!&#8211;<\/strong>&#8221; com &#8220;<strong>&lt;!&#8211;[if !IE]&gt;&#8211;&gt;<\/strong>&#8220;, les utilitzem per a  indicar dues maneres d&#8217;incrustar l&#8217;applet, depenent  de si el navegador  que utilitzem \u00e9s Explorer o no. D&#8217;aquesta manera,  tindrem dues etiquetes  OBJECT.\n<p><\/li>\n<li>Si el navegador <strong>no \u00e9s Explorer<\/strong>, l&#8217;etiqueta OBJECT t\u00e9 la seg\u00fcent estructura:<br \/>&lt;object <span style=\"color: #339966\"><strong>classid<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>java<\/strong>:<strong>minimos.class<\/strong><\/span>&#8221; <span style=\"color: #339966\"> <strong>type<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>a<\/strong><strong>pplication\/x-java-apple<\/strong>t<\/span>&#8221; <span style=\"color: #339966\"> <strong>height<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>5<\/strong><strong>40<\/strong><\/span>&#8221; <span style=\"color: #339966\"><strong>width<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>690<\/strong><\/span>&#8220;&gt;\n<p><\/li>\n<li>Si el navegador <strong>\u00e9s Explorer<\/strong>, l&#8217;etiqueta OBJECT t\u00e9 la seg\u00fcent estructura:<br \/>\n&lt;object <span style=\"color: #339966\"><strong>classid<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>clsid:8AD9C840-044E-11D1-B3E9-00805F499D93<\/strong><\/span>&#8220;<span style=\"color: #339966\"> <strong> height<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>540<\/strong><\/span>&#8221; <span style=\"color: #339966\"><strong>width<\/strong><\/span>=&#8221;<span style=\"color: #0000ff\"><strong>690<\/strong><\/span>&#8221; &gt;<\/p>\n<p><\/li>\n<li><strong>&lt;param <span style=\"color: #339966\">name<\/span>=&#8221;<span style=\"color: #0000ff\">code<\/span>&#8221; <span style=\"color: #339966\">value<\/span>=&#8221;<span style=\"color: #0000ff\">minimos.class<\/span>&#8221; \/&gt;<\/strong>:<br \/>\nen la part de codi del navegador Explorer, hem d&#8217;indicar el fitxer font  de l&#8217;applet (extensi\u00f3<strong> .class<\/strong>) en el par\u00e0metre &#8220;<strong>code<\/strong>&#8220;, ja que no s&#8217;indica  en l&#8217;etiqueta OBJECT.<\/p>\n<\/li>\n<li><strong>&lt;param <span style=\"color: #339966\">name<\/span>=&#8221;<span style=\"color: #0000ff\">codebase<\/span>&#8221; <span style=\"color: #339966\">value<\/span>=&#8221;<span style=\"color: #0000ff\">.<\/span>&#8221; \/&gt;:<br \/>\n<\/strong>el par\u00e0metre &#8220;<strong>codebase<\/strong>&#8221; indica la ruta en la qual es troben els arxius  pertanyents a l&#8217;applet. Per exemple, en la seg\u00fcent imatge podem veure  que el fitxer HTML es troba en una carpeta diferent a la resta d&#8217;arxius  de l&#8217;applet (que estan dins de la carpeta &#8220;<strong>minimos<\/strong>&#8220;). En aquest cas, el  valor de &#8220;<strong>codebase<\/strong>&#8221; hauria de ser <strong>value=&#8221;minimos&#8221;<\/strong>.<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio1.png\" alt=\"Ejemplo directorios\" width=\"333\" height=\"165\" \/><\/a><\/td>\n<td><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/directorio2.png\" alt=\"Ejemplo directorios 2\" width=\"350\" height=\"259\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p style=\"text-align: justify\">Quan eXe genera el contingut en format HTML, introdueix tots els arxius  necessaris en la mateixa carpeta. Per aquest motiu, sempre que integrem  un applet en eXe, hem d&#8217;assignar el valor &#8216;<strong>.<\/strong>&#8216; al par\u00e0metre &#8220;<strong>codebase<\/strong>&#8221;  (aix\u00ed indiquem que els arxius es troben en la mateixa carpeta).<\/p>\n<\/li>\n<li><strong>&lt;param <span style=\"color: #339966\">name<\/span>=&#8221;<span style=\"color: #0000ff\">archive<\/span>&#8221; <span style=\"color: #339966\">value<\/span>=&#8221;<span style=\"color: #0000ff\">minimos.jar, swing-layout-1.0.jar, jfreechart-1.0.9.jar,jcommon-1.0.12.jar<\/span>&#8220;\/&gt;:<br \/>\n<\/strong>si el nostre applet inclou arxius <strong>.jar<\/strong>, en el par\u00e0metre &#8220;<strong>archive<\/strong>&#8221; hem  d&#8217;especificar el nom de tots els fitxers necessaris. Si no, no fa falta  incloure aquesta l\u00ednia.<\/p>\n<\/li>\n<\/ul>\n<h3>Integrant l&#8217;applet en eXe Learning<\/h3>\n<p style=\"text-align: justify\">En qualsevol cas, si el nostre applet funciona correctament en un  navegador, no haur\u00edem de tenir problemes en inserir-ho en eXe. Per a a\u00e7\u00f2  hem d&#8217;utilitzar l&#8217;iDevice anomenat &#8220;<strong>Applet de Java<\/strong>&#8220;.  En el quadre  &#8220;<strong>Codi de l&#8217;applet<\/strong>&#8221; pegarem el codi HTML necessari, tenint la precauci\u00f3  de canviar el valor del par\u00e0metre <strong>codebase <\/strong>a un punt. Per a copiar el  codi HTML, podem obrir l&#8217;arxiu web, per exemple amb el bloc de notes.<\/p>\n<p>Mitjan\u00e7ant el bot\u00f3 &#8220;<strong>Agregar Arxius<\/strong>&#8221; hem de cercar els arxius necessaris  en el nostre disc dur i, a continuaci\u00f3, pr\u00e9mer a &#8220;<strong>Carregar<\/strong>&#8220;, perqu\u00e8  s&#8217;afigen al nostre projecte d&#8217;eXe. Tots els arxius que h\u00e0gem incl\u00f2s es  mostren sota el codi de l&#8217;applet.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exe.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exe.png\" alt=\"M\u00f3dulo applet en eXe Learning\" width=\"595\" height=\"430\" \/><\/a><\/p>\n<p>Despr\u00e9s d&#8217;acceptar els canvis, en la previsualitzaci\u00f3, no veurem gens.  Per a comprovar el correcte funcionament de l&#8217;applet, hem d&#8217;exportar els  continguts com a p\u00e0gina web.<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exportar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/exportar.png\" alt=\"Exportar contenidos a HTML\" width=\"521\" height=\"277\" \/><\/a><\/p>\n<p>En la carpeta generada, hem de cercar l&#8217;arxiu &#8220;<strong>index.html<\/strong>&#8221; per a obrir  la p\u00e0gina principal dels continguts en el navegador. En el nostre cas,  el resultat \u00e9s el seg\u00fcent:<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/navegador.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/w3.ua.es\/ite\/blogTIC\/img\/exe_applet\/navegador.png\" alt=\"Vista en el navegador (formato HTML)\" width=\"664\" height=\"431\" \/><\/a><\/p>\n<h3>Enlla\u00e7os<\/h3>\n<ul>\n<li>Descarrega el fitxer &#8220;<a title=\"Ejemplo archivo eXe con applet\" href=\"http:\/\/w3.ua.es\/ite\/blogTIC\/doc\/exe-applet\/applet.elp\" target=\"_blank\">applet.elp<\/a>&#8221; utilitzat d&#8217;exemple. L&#8217;applet incl\u00f2s  pertany a la professora de la Universitat d&#8217;Alacant Carmen V\u00e1zquez  Ferri.<\/li>\n<li>En <a title=\"Ejemplo de applet\" href=\"http:\/\/w3.ua.es\/ite\/proyectos\/proyectoIDFO\/obtencionResultados\/index.html\" target=\"_blank\">aquest enlla\u00e7<\/a> pots visualitzar un applet integrat en una p\u00e0gina  HTML. Tots els  navegadors permeten visualitzar el codi HTML de la p\u00e0gina  que mostren.  Per exemple, en Firefox, podem punxar amb el bot\u00f3 dret del  ratol\u00ed sobre  la p\u00e0gina i triar l&#8217;opci\u00f3 &#8220;<strong>Veure codi font de la p\u00e0gina<\/strong>&#8220;.  D&#8217;aquesta  manera, podem veure els diferents tipus de codi que  s&#8217;utilitzen per a  integrar un applet.<\/li>\n<\/ul>\n<p style=\"text-align: justify\"><a name=\"foro\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los applets de Java son peque\u00f1as aplicaciones que, habitualmente, aparecen integradas en p\u00e1ginas web. El applet se ejecuta dentro del navegador, mediante un contenedor, a trav\u00e9s del plugin de Java. Este tipo de aplicaciones pueden a\u00f1adir interactividad a una p\u00e1gina web. El software de generaci\u00f3n de contenidos did\u00e1cticos eXe Learning, dispone de un iDevice que [&hellip;]<\/p>\n","protected":false},"author":1313,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1606402,6061],"tags":[40053,5796,408,40055],"class_list":["post-1276","post","type-post","status-publish","format-standard","hentry","category-aplicacionesaplicacions","category-creacion-de-contenidos-creacio-de-continguts","tag-applet","tag-exe-learning","tag-java","tag-object"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/1276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/users\/1313"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/comments?post=1276"}],"version-history":[{"count":41,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/1276\/revisions"}],"predecessor-version":[{"id":1343,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/1276\/revisions\/1343"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/media?parent=1276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/categories?post=1276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/tags?post=1276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}