src/main/javadoc/overview.html
author Jaroslav Tulach <jtulach@netbeans.org>
Thu, 04 Dec 2014 09:21:55 +0100
changeset 886 88d62267a0b5
parent 852 e5723aecdaff
child 887 0e2dc14e3a1e
permissions -rw-r--r--
#248918: Introducing technology identifiers
jaroslav@550
     1
<!--
jaroslav@550
     2
jaroslav@550
     3
    DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
jaroslav@550
     4
jaroslav@551
     5
    Copyright 2013-2014 Oracle and/or its affiliates. All rights reserved.
jaroslav@550
     6
jaroslav@550
     7
    Oracle and Java are registered trademarks of Oracle and/or its affiliates.
jaroslav@550
     8
    Other names may be trademarks of their respective owners.
jaroslav@550
     9
jaroslav@550
    10
    The contents of this file are subject to the terms of either the GNU
jaroslav@550
    11
    General Public License Version 2 only ("GPL") or the Common
jaroslav@550
    12
    Development and Distribution License("CDDL") (collectively, the
jaroslav@550
    13
    "License"). You may not use this file except in compliance with the
jaroslav@550
    14
    License. You can obtain a copy of the License at
jaroslav@550
    15
    http://www.netbeans.org/cddl-gplv2.html
jaroslav@550
    16
    or nbbuild/licenses/CDDL-GPL-2-CP. See the License for the
jaroslav@550
    17
    specific language governing permissions and limitations under the
jaroslav@550
    18
    License.  When distributing the software, include this License Header
jaroslav@550
    19
    Notice in each file and include the License file at
jaroslav@550
    20
    nbbuild/licenses/CDDL-GPL-2-CP.  Oracle designates this
jaroslav@550
    21
    particular file as subject to the "Classpath" exception as provided
jaroslav@550
    22
    by Oracle in the GPL Version 2 section of the License file that
jaroslav@550
    23
    accompanied this code. If applicable, add the following below the
jaroslav@550
    24
    License Header, with the fields enclosed by brackets [] replaced by
jaroslav@550
    25
    your own identifying information:
jaroslav@550
    26
    "Portions Copyrighted [year] [name of copyright owner]"
jaroslav@550
    27
jaroslav@550
    28
    Contributor(s):
jaroslav@550
    29
jaroslav@550
    30
    The Original Software is NetBeans. The Initial Developer of the Original
jaroslav@551
    31
    Software is Oracle. Portions Copyright 2013-2014 Oracle. All Rights Reserved.
jaroslav@550
    32
jaroslav@550
    33
    If you wish your version of this file to be governed by only the CDDL
jaroslav@550
    34
    or only the GPL Version 2, indicate your decision by adding
jaroslav@550
    35
    "[Contributor] elects to include this software in this distribution
jaroslav@550
    36
    under the [CDDL or GPL Version 2] license." If you do not indicate a
jaroslav@550
    37
    single choice of license, a recipient has the option to distribute
jaroslav@550
    38
    your version of this file under either the CDDL, the GPL Version 2 or
jaroslav@550
    39
    to extend the choice of license to its licensees as provided above.
jaroslav@550
    40
    However, if you add GPL Version 2 code and therefore, elected the GPL
jaroslav@550
    41
    Version 2 license, then the option applies only if the new code is
jaroslav@550
    42
    made subject to such option by the copyright holder.
jaroslav@550
    43
jaroslav@550
    44
-->
jaroslav@541
    45
<!DOCTYPE html>
jaroslav@541
    46
<html>
jaroslav@541
    47
    <head>
jaroslav@541
    48
        <title>HTML for Java APIs</title>
jaroslav@541
    49
        <meta charset="UTF-8">
jaroslav@541
    50
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
jaroslav@541
    51
    </head>
jaroslav@541
    52
    <body>
jaroslav@541
    53
        <p>
jaroslav@543
    54
         Use Java to write application logic; Use HTML5 to render the UI; 
jaroslav@630
    55
         {@link net.java.html.json.Model Animate an HTML page from Java}
jtulach@668
    56
         (see <a target="_blank" href="http://dew.apidesign.org/dew/#7212206">Duke being rotated</a> by CSS);
jaroslav@543
    57
         Use {@link net.java.html.json.OnReceive REST} or
jaroslav@543
    58
         <a href="net/java/html/json/doc-files/websockets.html">WebSockets</a>;
jaroslav@543
    59
         interact with <a href="net/java/html/js/package-summary.html">JavaScript</a>;
jaroslav@543
    60
         Get the best of both worlds!
jaroslav@543
    61
         
jaroslav@541
    62
         The goal of these APIs is to use full featured Java runtime 
jaroslav@568
    63
         (like real <a href="http://wiki.apidesign.org/wiki/HotSpot">HotSpot VM</a>), 
jaroslav@541
    64
         but still rely on a very lightweight rendering technology 
jaroslav@541
    65
         (so it can potentially fit 
jaroslav@541
    66
         <a href="http://bck2brwsr.apidesign.org">Bck2Brwsr</a> and definitely
jaroslav@541
    67
         to various types of phones). What can be more lightweight 
jaroslav@541
    68
         (from a browser perspective) than 
jaroslav@541
    69
         <a href="http://wiki.apidesign.org/wiki/HTML">HTML</a>!?
jaroslav@541
    70
         By default we use {@link net.java.html.boot.fx JavaFX's WebView} 
jaroslav@541
    71
         component to display the <a href="http://wiki.apidesign.org/wiki/HTML">HTML</a>. 
jaroslav@541
    72
         We eliminate the need to manipulate the DOM directly, 
jaroslav@541
    73
         there is a special {@link net.java.html.json Java to Knockout.js binding}. 
jaroslav@617
    74
         As a result the <a href="http://knockoutjs.com">HTML uses Knockout.js syntax</a>, 
jaroslav@541
    75
         yet the application code can be written in Java.
jaroslav@541
    76
        </p>
jaroslav@541
    77
        
jtulach@886
    78
        <h3>What's New in Version 1.1?</h3>
jtulach@886
    79
        
jtulach@886
    80
        <p>
jtulach@886
    81
            The content of a {@link net.java.html.BrwsrCtx context}
jtulach@886
    82
            can be selected by registering implementations under specific
jtulach@886
    83
            {@link org.netbeans.html.context.spi.Contexts.Id technology identifiers} 
jtulach@886
    84
            and requesting them during 
jtulach@886
    85
            {@link org.netbeans.html.context.spi.Contexts#newBuilder(java.lang.Object...) construction} 
jtulach@886
    86
            of the context. <code>org.netbeans.html:ko4j</code> module's implementation
jtulach@886
    87
            offers <b>ko4j</b>, <b>xhr</b> and <b>websocket</b> identifiers
jtulach@886
    88
            for its registered services 
jtulach@886
    89
            (e.g. {@link org.netbeans.html.json.spi.Technology},
jtulach@886
    90
            {@link org.netbeans.html.json.spi.Transfer} and
jtulach@886
    91
            {@link org.netbeans.html.json.spi.WSTransfer}).
jtulach@886
    92
            <code>org.netbeans.html:ko-ws-tyrus</code>
jtulach@886
    93
            module registers its 
jtulach@886
    94
            {@link org.netbeans.html.json.spi.Transfer Java based JSON} and 
jtulach@886
    95
            {@link org.netbeans.html.json.spi.WSTransfer WebSocket} implementations
jtulach@886
    96
            under the name <b>tyrus</b>.
jtulach@886
    97
        </p>
jtulach@886
    98
        
jtulach@832
    99
        <h3>What's New in Version 1.0?</h3>
jtulach@832
   100
        
jtulach@832
   101
        <p>
jtulach@832
   102
            {@link net.java.html.json.Property#array() Array properties} are now
jtulach@832
   103
            mutable from the <a href="http://knockoutjs.com">knockout.js</a>
jtulach@838
   104
            point of view (required {@link org.netbeans.html.json.spi.Proto.Type#replaceValue one SPI change}).
jtulach@834
   105
            The page lookup mechanism can use {@link net.java.html.boot.BrowserBuilder#locale(java.util.Locale) locale}
jtulach@834
   106
            to load localized a page with appropriate suffix.
jtulach@841
   107
            All SPI were moved under the NetBeans namespace - e.g.
jtulach@841
   108
            {@link org.netbeans.html.boot.spi},
jtulach@841
   109
            {@link org.netbeans.html.context.spi},
jtulach@841
   110
            {@link org.netbeans.html.json.spi},
jtulach@841
   111
            {@link org.netbeans.html.sound.spi}, and also
jtulach@852
   112
            {@link org.netbeans.html.json.tck}. Methods annotated
jtulach@852
   113
            with {@link net.java.html.js.JavaScriptBody} annotation and
jtulach@852
   114
            without fallback Java code now throw {@link java.lang.IllegalStateException}
jtulach@852
   115
            with a message suggesting to switch to proper
jtulach@852
   116
            {@link net.java.html.BrwsrCtx#execute browser context} to
jtulach@852
   117
            prevent endless debugging when one forgets to do so.
jtulach@832
   118
        </p>
jtulach@832
   119
        
jtulach@771
   120
        <h3>What's New in Version 0.9?</h3>
jtulach@771
   121
        
jtulach@771
   122
        <p>
jtulach@771
   123
            System can run in {@link net.java.html.boot.BrowserBuilder#classloader(java.lang.ClassLoader) Felix OSGi container} (originally only Equinox).
jtulach@788
   124
            {@link net.java.html.json.ComputedProperty Derived properties}
jtulach@788
   125
            now deeply check changes in other {@link net.java.html.json.Model model
jtulach@788
   126
            classes} they depend on and recompute their values accordingly.
jtulach@810
   127
            <a target="_blank" href="http://knockoutjs.com">Knockout.js</a> library has been updated
jtulach@810
   128
            to version 3.2.0.
jtulach@771
   129
        </p>
jtulach@771
   130
        
jtulach@771
   131
        <h3>What's New in 0.8.x Versions?</h3>
jaroslav@720
   132
        
jaroslav@720
   133
        <p>
jaroslav@720
   134
            Setters or array properties on classes generated by {@link net.java.html.json.Model}
jtulach@838
   135
            annotation can be accessed from any thread. {@link org.netbeans.html.sound.spi.AudioEnvironment}
jtulach@747
   136
            can be registered into {@link net.java.html.BrwsrCtx}. There is
jtulach@747
   137
            a {@link net.java.html.json.Models#parse(net.java.html.BrwsrCtx, java.lang.Class, java.io.InputStream, java.util.Collection)  method}
jtulach@747
   138
            to parse a JSON array and convert it into 
jtulach@747
   139
            {@link net.java.html.json.Model model classes}.
jtulach@758
   140
            Improved behavior of <code>enum</code> values in 
jtulach@758
   141
            {@link net.java.html.json.Model knockout bindings}.
jaroslav@720
   142
        </p>
jaroslav@720
   143
        
jtulach@702
   144
        <p>
jtulach@702
   145
            Few bugfixes for better portability. 
jtulach@702
   146
            New API for {@link net.java.html.boot.script.Scripts headless execution}
jtulach@703
   147
            on top of <em>Nashorn</em> - does not run <em>knockout for Java</em>
jtulach@702
   148
            fully yet 
jtulach@702
   149
            (reported as <a href="https://bugs.openjdk.java.net/browse/JDK-8046013">JDK-8046013</a>),
jtulach@702
   150
            however even in current state it is quite 
jtulach@703
   151
            {@link net.java.html.boot.script.Scripts useful for testing}
jtulach@702
   152
            of 
jtulach@703
   153
            {@link net.java.html.js Java/JavaScript interactions}.
jtulach@702
   154
        </p>
jtulach@702
   155
        
jtulach@654
   156
        <p>
jtulach@656
   157
            {@link net.java.html.boot.fx.FXBrowsers} has been extended
jtulach@656
   158
            with new helper methods to make it easier to use HTML+Java
jtulach@656
   159
            API in existing JavaFX applications.
jtulach@656
   160
            The annotation processor is made
jtulach@654
   161
            more robust with respect to errors in callback syntax of
jtulach@654
   162
            {@link net.java.html.js.JavaScriptBody} body parameter.
jtulach@654
   163
            Javadoc of {@link net.java.html.BrwsrCtx#execute} method
jtulach@654
   164
            has been improved based on a failure of its usability study.
jtulach@654
   165
            There can be additional parameters to methods annotated by
jtulach@654
   166
            {@link net.java.html.json.OnReceive} that allows one to
jtulach@654
   167
            pass state when a JSON call is made and use it when it finishes.
jtulach@654
   168
            The mechanism of discovery of sibling HTML page has been
jtulach@654
   169
            extended to work on systems that don't support
jtulach@654
   170
            {@link java.lang.Class#getProtectionDomain}.
jtulach@654
   171
        </p>
jtulach@654
   172
        
jaroslav@617
   173
        <p>
jtulach@650
   174
            The first argument of method annotated by
jtulach@650
   175
            {@link net.java.html.json.OnReceive} annotation has to
jtulach@650
   176
            be the associated {@link net.java.html.json.Model model class}.
jtulach@650
   177
        </p>
jtulach@650
   178
        
jtulach@650
   179
        <p>
jtulach@647
   180
            {@link net.java.html.json.OnReceive} annotation now accepts
jtulach@647
   181
            {@link java.util.List} of data values as second argument
jtulach@647
   182
            (previously required an array).
jtulach@647
   183
        </p>
jtulach@647
   184
        
jtulach@647
   185
        
jtulach@647
   186
        <h3>What's New in Older Versions?</h3>
jtulach@647
   187
        
jtulach@647
   188
        <p>
jaroslav@617
   189
            {@link net.java.html.js.JavaScriptBody} annotation has new attribute
jaroslav@617
   190
            {@link net.java.html.js.JavaScriptBody#wait4js()} which allows
jaroslav@617
   191
            asynchronous execution. Libraries using
jaroslav@617
   192
            {@link net.java.html.js.JavaScriptBody} are urged to use this
jaroslav@617
   193
            new attribute as much as possible, as it can speed up execution
jaroslav@617
   194
            in certain environments.
jaroslav@617
   195
        </p>
jaroslav@617
   196
        
jaroslav@617
   197
        <p>
jaroslav@617
   198
            Use {@link net.java.html.BrwsrCtx#execute(java.lang.Runnable)} in
jaroslav@617
   199
            multi-threaded environment to execute your code on the browser thread.
jaroslav@617
   200
            See example 
jaroslav@617
   201
            {@link net.java.html.BrwsrCtx#execute(java.lang.Runnable) using Java timer}.
jaroslav@617
   202
        </p>
jaroslav@617
   203
        
jaroslav@541
   204
        <h3>Interesting Entry Points</h3>
jaroslav@541
   205
        
jaroslav@541
   206
        <p>Learn how to {@link net.java.html.json.Model animate an HTML page from Java}
jaroslav@541
   207
            without referencing single HTML element from the Java code.
jaroslav@541
   208
        </p>
jaroslav@541
   209
        <p>Use {@link net.java.html.json.OnReceive JSON} to communicate
jaroslav@541
   210
            with REST based server API.
jaroslav@541
   211
        </p>
jaroslav@541
   212
        <p>Use <a href="net/java/html/json/doc-files/websockets.html">WebSockets</a>
jaroslav@541
   213
            and JSON.
jaroslav@541
   214
        </p>
jaroslav@541
   215
        <p>Call JavaScript methods from Java and vice versa, via
jaroslav@541
   216
            <a href="net/java/html/js/package-summary.html">JavaScriptBody</a>.
jaroslav@541
   217
        </p>
jaroslav@541
   218
jaroslav@541
   219
        <h3>Getting Started</h3>
jaroslav@541
   220
jtulach@759
   221
        There are <a href="http://wiki.apidesign.org/wiki/DukeScriptInNetBeans">many ways</a> 
jtulach@759
   222
        to start developing 
jaroslav@541
   223
        <a href="http://html.java.net">Html for Java</a> application. 
jaroslav@541
   224
        However to be sure one chooses the most recent setup, it is recommended
jaroslav@541
   225
        to switch to good old command line and use a 
jaroslav@541
   226
        <a href="http://wiki.apidesign.org/wiki/Knockout4Java">Maven archetype</a>
jaroslav@610
   227
        associated with every version of this project. Make sure at least 
jaroslav@610
   228
        <em>JDK7</em> is your installed Java and type:
jaroslav@541
   229
        <pre>      
jaroslav@541
   230
$ mvn archetype:generate \
jaroslav@541
   231
 -DarchetypeGroupId=org.apidesign.html \
jaroslav@541
   232
 -DarchetypeArtifactId=knockout4j-archetype \
jtulach@759
   233
 -DarchetypeVersion=0.8 <em># or newer version, if available</em>
jaroslav@541
   234
        </pre>
jaroslav@611
   235
        Answer few questions (for example choose myfirstbrwsrpage as artifactId) 
jaroslav@611
   236
        and then you can:
jaroslav@541
   237
        <pre>
jaroslav@541
   238
$ cd myfirstbrwsrpage
jaroslav@541
   239
$ mvn process-classes exec:java
jaroslav@541
   240
        </pre>
jaroslav@541
   241
        In a few seconds (or minutes if 
jaroslav@541
   242
        <a href="http://wiki.apidesign.org/wiki/Maven">Maven</a>
jaroslav@541
   243
        decides to download the whole Internet of dependencies) you should 
jaroslav@611
   244
        see a sample Hello World application rendered in a 
jaroslav@611
   245
        <a href="http://wiki.apidesign.org/wiki/JavaFX">JavaFX</a>
jaroslav@611
   246
        web view component (that of course requires your JDK to come
jaroslav@611
   247
        with <a href="http://wiki.apidesign.org/wiki/JavaFX">JavaFX</a>; 
jaroslav@611
   248
        <a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">JDK7 
jaroslav@611
   249
            and JDK8 from Oracle</a> contain everything that is needed). 
jaroslav@611
   250
        The generated application is built around one 
jaroslav@611
   251
        Java source (uses the {@link net.java.html.json.Model} annotation to
jaroslav@611
   252
        auto-generate another <code>Data.java</code> class during compilation)
jaroslav@611
   253
        and one HTML file (uses the <a href="http://knockoutjs.com">Knockout</a>
jaroslav@611
   254
        syntax to <code>data-bind</code> the HTML elements to the 
jaroslav@611
   255
        generated <code>Data</code> model):
jaroslav@541
   256
        <pre>
jaroslav@541
   257
$ ls src/main/java/**/DataModel.java
jaroslav@541
   258
$ ls src/main/webapp/pages/index.html
jaroslav@541
   259
        </pre>
jaroslav@611
   260
        That is all you need to get started. Play with the sources, 
jaroslav@611
   261
        modify them and enjoy
jaroslav@541
   262
        <a href="http://html.java.net">Html for Java</a>!
jaroslav@541
   263
        
jaroslav@614
   264
        <h2>IDE Support</h2>
jaroslav@614
   265
        
jaroslav@614
   266
        <p>
jaroslav@614
   267
            This API is part of <a target="_blank"
jaroslav@614
   268
            href="http://netbeans.org">NetBeans.org</a> project and as such
jaroslav@614
   269
            it works naturally with the <a target="_blank"
jaroslav@614
   270
            href="https://netbeans.org/features/index.html">NetBeans IDE</a>.
jaroslav@614
   271
            On the other hand, the API is using nothing NetBeans specific,
jaroslav@614
   272
            it builds on standard Java6 APIs and as such it shall work fine
jaroslav@614
   273
            in any IDE.
jaroslav@614
   274
        </p>
jaroslav@614
   275
        
jaroslav@614
   276
        <p>
jaroslav@614
   277
            A lot of work is done by 
jaroslav@614
   278
            <a href="http://wiki.apidesign.org/wiki/AnnotationProcessor">
jaroslav@614
   279
            annotation processors</a>
jaroslav@614
   280
            that generate various boiler plate code during compilation. This
jaroslav@614
   281
            is a standard part of Java since JDK6, but for example Eclipse
jaroslav@614
   282
            is known not to deal with processors well and developers using
jaroslav@614
   283
            it need to be careful. IntelliJ users hasn't reported any issues
jaroslav@614
   284
            and of course, NetBeans IDE support for 
jaroslav@614
   285
            <a href="http://wiki.apidesign.org/wiki/AnnotationProcessor">processors</a>
jaroslav@614
   286
            is outstanding.
jaroslav@614
   287
        </p>
jaroslav@614
   288
        
jaroslav@614
   289
        <p>
jaroslav@614
   290
            When using {@link net.java.html.js.JavaScriptBody} annotation, it is
jaroslav@614
   291
            useful to do a bit of post processing of classes. There is a
jaroslav@614
   292
            <a href="http://wiki.apidesign.org/wiki/Maven">Maven</a> 
jaroslav@614
   293
            plugin for that.
jaroslav@614
   294
            NetBeans IDE will invoke it when doing a build. Other IDEs may 
jaroslav@614
   295
            need some hint to do so. 
jaroslav@614
   296
            Anyway: If one does not see all (generated) sources or is getting
jaroslav@614
   297
            {@link java.lang.LinkageError}s when executing the application, 
jaroslav@614
   298
            switch to command line and do clean build
jaroslav@614
   299
            from there:
jaroslav@614
   300
        </p>
jaroslav@614
   301
        <pre>$ mvn clean install</pre>
jaroslav@614
   302
        <p>
jaroslav@614
   303
            If that succeeds, your IDE of choice will hopefully
jaroslav@614
   304
            pick the generated sources up and present the result of the build 
jaroslav@614
   305
            properly. If not, 
jaroslav@614
   306
            <a href="https://netbeans.org/downloads/">download NetBeans</a>, 
jaroslav@614
   307
            you will be pleasantly 
jaroslav@614
   308
            surprised - for example with our excellent 
jaroslav@614
   309
            <a href="net/java/html/js/package-summary.html#debugging">Java/JavaScript 
jaroslav@614
   310
            debugging</a> support.
jaroslav@614
   311
        </p>
jaroslav@614
   312
        
jaroslav@615
   313
        <a name="deploy">
jaroslav@615
   314
        <h2>Deploy Your Application</h2>
jaroslav@615
   315
        </a>
jaroslav@615
   316
        
jaroslav@615
   317
        <p>
jaroslav@615
   318
        It is not goal of this documentation to list all possible ways
jaroslav@615
   319
        to package and deploy applications which use this API. However it is 
jaroslav@615
   320
        important for new comers to see the benefits of using the
jaroslav@615
   321
        <a href="http://html.java.net">HTML for Java</a> API and as such
jaroslav@615
   322
        let's list at least few bundling options, known to work at the time of writing 
jaroslav@615
   323
        this documentation.
jaroslav@615
   324
        </p>
jaroslav@615
   325
        
jaroslav@615
   326
        <p>
jaroslav@615
   327
        First of all, this is a <em>client technology</em>. You write client applications
jaroslav@615
   328
        with it which may, but need not connect to a server. You don't need
jaroslav@615
   329
        Tomcat or WebLogic to deploy 
jaroslav@615
   330
        <a href="http://html.java.net">HTML for Java</a> applications.
jaroslav@615
   331
        </p>
jaroslav@615
   332
        
jaroslav@615
   333
        <p>
jaroslav@615
   334
            <img src='resources/javafx_logo.jpg' width="64"
jaroslav@615
   335
                 height="64" align="left"/>
jaroslav@615
   336
            The sample project generated by
jaroslav@615
   337
            <code>org.apidesign.html knockout4j-archetype</code> is configured
jaroslav@615
   338
            to use <a href="http://wiki.apidesign.org/wiki/JavaFX">JavaFX</a>
jaroslav@615
   339
            as the rendering technology. This setup is primarily suitable for 
jaroslav@615
   340
            development - it needs no special packaging, starts quickly and
jaroslav@615
   341
            allows you to use classical HotSpot VM debuggers. A final 
jaroslav@615
   342
            artifact from the build is also a ZIP file which you can use
jaroslav@615
   343
            and distribute to your users. Good for desktop applications.
jaroslav@615
   344
        </p>
jaroslav@615
   345
        
jaroslav@615
   346
        <p>
jaroslav@615
   347
            <img src='resources/netbeans_logo.jpg' width="64"
jaroslav@615
   348
                 height="64" align="right"/>
jaroslav@615
   349
            <img src='resources/eclipse_logo.png' width="64"
jaroslav@615
   350
                 height="64" align="right"/>
jaroslav@615
   351
            All the <a href="http://html.java.net">HTML for Java</a> libraries
jtulach@638
   352
            are packaged as <a href="http://wiki.apidesign.org/wiki/OSGi">OSGi</a>
jaroslav@615
   353
            bundles and as such they can easily be run in NetBeans as well as
jaroslav@615
   354
            in Eclipse. As a result one can use 
jaroslav@615
   355
            <a href="http://wiki.apidesign.org/wiki/OSGi">OSGi</a>
jtulach@638
   356
            and have a common module system for both platforms. In addition to that 
jtulach@638
   357
            one can render using
jaroslav@615
   358
            HTML and have a common UI in both platforms. In such case
jaroslav@615
   359
            your application would be packaged as a set of
jaroslav@615
   360
            <a href="http://wiki.apidesign.org/wiki/OSGi">OSGi</a> bundles.
jaroslav@615
   361
            Read 
jaroslav@615
   362
            <a href="http://wiki.apidesign.org/wiki/HTML">more</a>...
jaroslav@615
   363
        </p>
jaroslav@615
   364
        
jaroslav@615
   365
        <p>
jaroslav@615
   366
            <img src='resources/chrome_logo.png' width="64"
jaroslav@615
   367
                 height="64" align="left"/>
jaroslav@615
   368
            <img src='resources/safari_logo.png' width="64"
jaroslav@615
   369
                 height="64" align="left"/>
jaroslav@615
   370
            <img src='resources/ie_logo.png' width="64"
jaroslav@615
   371
                 height="64" align="left"/>
jaroslav@615
   372
            <img src='resources/firefox_logo.png' width="64"
jaroslav@615
   373
                 height="64" align="left"/>
jaroslav@615
   374
            
jaroslav@615
   375
            There is more and more attempts to execute Java bytecode
jtulach@638
   376
            in a browser, without any special Java plugin installed.
jaroslav@615
   377
            The <a href="http://html.java.net">HTML for Java</a> is
jaroslav@615
   378
            carefully designed to produce lightweight, well performing
jaroslav@615
   379
            applications even on such restricted environments. It uses
jaroslav@615
   380
            no reflection calls and that allows to statically pre-compile
jaroslav@615
   381
            the applications into JavaScript. One of such environments
jtulach@638
   382
            is called <a href="http://wiki.apidesign.org/wiki/Bck2Brwsr">Bck2Brwsr</a>, 
jtulach@638
   383
            another <a href="http://wiki.apidesign.org/wiki/TeaVM">TeaVM</a>. Both support the
jaroslav@615
   384
            {@link net.java.html.js.JavaScriptBody} annotation. Read 
jaroslav@615
   385
            <a href="http://wiki.apidesign.org/wiki/Bck2BrwsrViaCLI">more</a> or play
jaroslav@616
   386
            a minesweeper game packaged for your browser 
jaroslav@616
   387
            (of course <a target="_blank"
jaroslav@616
   388
                href="http://source.apidesign.org/hg/html~demo/file/ea79b73d590a/minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java">
jaroslav@616
   389
                written</a> in Java):
jaroslav@615
   390
        </p>
jaroslav@616
   391
        
jaroslav@616
   392
        <script type="text/html" id="field">
jaroslav@616
   393
            <table class="field">
jaroslav@616
   394
                <tbody>
jaroslav@616
   395
                    <!-- ko foreach: rows -->
jaroslav@616
   396
                    <tr>
jaroslav@616
   397
                        <!-- ko foreach: columns -->
jaroslav@616
   398
                        <td data-bind="css: style, click: $parents[1].click" >
jaroslav@616
   399
                            <div data-bind='html: html'></div>
jaroslav@616
   400
                        </td>
jaroslav@616
   401
                        <!-- /ko -->
jaroslav@616
   402
                    </tr>
jaroslav@616
   403
                    <!-- /ko -->
jaroslav@616
   404
                </tbody>
jaroslav@616
   405
            </table>
jaroslav@616
   406
        </script>
jaroslav@616
   407
jaroslav@616
   408
        <div data-bind="template: { name : 'field', if: fieldShowing }"></div>
jaroslav@616
   409
jaroslav@616
   410
        <!-- boot bck2brwsr -->
jaroslav@616
   411
        <script type="text/javascript" src="resources/teavm.js"></script>
jaroslav@616
   412
        <script>
jaroslav@616
   413
            var vm = new VM();
jaroslav@616
   414
            vm.loadClass('org.apidesign.demo.minesweeper.MainBrwsr');
jaroslav@616
   415
        </script>
jaroslav@616
   416
jaroslav@615
   417
        <p>
jtulach@654
   418
            <img src='resources/ios_logo.jpg' width="64"
jtulach@654
   419
                 height="64" align="right"/>
jaroslav@615
   420
            <img src='resources/android_logo.jpg' width="64"
jaroslav@615
   421
                 height="64" align="right"/>
jaroslav@615
   422
            
jaroslav@615
   423
            Now when we have seen that the 
jaroslav@615
   424
            <a href="http://html.java.net">HTML for Java</a> applications 
jaroslav@615
   425
            can run on any modern browser, we can ask whether they can also
jaroslav@615
   426
            fit into a phone!? Yes, they can and especially to phones 
jaroslav@615
   427
            that can execute Java code already! Just by changing your
jaroslav@615
   428
            packaging you can create an APK file and deploy it to your
jaroslav@615
   429
            Android phone. 
jtulach@624
   430
            Read <a target="_blank" href="http://wiki.apidesign.org/wiki/DlvkBrwsr">more</a>...
jtulach@654
   431
            In case you'd like your application to reach out to second biggest
jtulach@654
   432
            group of smartphone users, don't despair: It 
jtulach@654
   433
            seems the set of devices that can execute
jtulach@654
   434
            <a href="http://html.java.net">HTML for Java</a> applications 
jtulach@654
   435
            has been extended to <em>iPads</em> and <em>iPhones</em>. Get the 
jtulach@654
   436
            <a target="_blank" href="http://wiki.apidesign.org/wiki/IBrwsr">details here</a>
jtulach@654
   437
            and deploy everywhere!
jaroslav@615
   438
        </p>
jaroslav@615
   439
        <p>
jaroslav@615
   440
            Convinced it makes sense to use 
jaroslav@615
   441
            <a href="http://html.java.net">HTML for Java</a>
jaroslav@615
   442
            APIs for writing applications that are 
jaroslav@615
   443
            <em>written once, displayed anywhere</em>? Or do you have an
jaroslav@615
   444
            environment which is not supported? In such case you can bring
jaroslav@615
   445
            <a href="http://html.java.net">HTML for Java</a>
jaroslav@615
   446
            to your environment yourself. Just implement your own
jtulach@838
   447
            {@link org.netbeans.html.boot.spi.Fn.Presenter}!
jaroslav@615
   448
        </p>
jaroslav@615
   449
        
jaroslav@607
   450
        <h2>Other Resources</h2>
jaroslav@607
   451
        
jaroslav@607
   452
        <img src="net/java/html/json/doc-files/DukeHTML.png" width="256" height="184" alt="Duke and HTML5. Together at last!" align="right"/>
jaroslav@607
   453
        
jaroslav@607
   454
        The javadoc for latest and previous versions is also available
jaroslav@607
   455
        online:
jaroslav@607
   456
        <ul>
jaroslav@607
   457
            <li>Current <a target="_blank" href="http://bits.netbeans.org/html+java/dev/">development</a> version
jtulach@771
   458
            <li>Version <a target="_blank" href="http://bits.netbeans.org/html+java/0.8.3">0.8.3</a>
jtulach@757
   459
            <li>Version <a target="_blank" href="http://bits.netbeans.org/html+java/0.8.2">0.8.2</a>
jtulach@757
   460
            <li>Version <a target="_blank" href="http://bits.netbeans.org/html+java/0.8.1">0.8.1</a>
jtulach@654
   461
            <li>Version <a target="_blank" href="http://bits.netbeans.org/html+java/0.8">0.8</a>
jaroslav@607
   462
            <li>Version <a target="_blank" href="http://bits.netbeans.org/html+java/0.7.5">0.7.5</a>
jaroslav@607
   463
        </ul>
jaroslav@616
   464
        
jaroslav@616
   465
<style type="text/css">
jaroslav@616
   466
table.field td {
jaroslav@616
   467
    padding: 4px;
jaroslav@616
   468
    width: 18px;
jaroslav@616
   469
    height: 18px;
jaroslav@616
   470
    font-size: 1.5em;
jaroslav@616
   471
    border: 1px solid black;
jaroslav@616
   472
}
jaroslav@616
   473
table.field td.UNKNOWN {
jaroslav@616
   474
    background-color: #D6E4E1;
jaroslav@616
   475
    cursor: pointer;
jaroslav@616
   476
}
jaroslav@616
   477
table.field td.EXPLOSION {
jaroslav@616
   478
    background-color: #A31E39;
jaroslav@616
   479
}
jaroslav@616
   480
table.field td.DISCOVERED {
jaroslav@616
   481
    background-color: #9DB2B1;
jaroslav@616
   482
}
jaroslav@616
   483
</style>        
jaroslav@541
   484
    </body>
jaroslav@541
   485
</html>