["a","able","about","above","abst","accordance","according","accordingly","across","act","actually",
"added","adj","adopted","affected","affecting","affects","after","afterwards","again","against","ah","all",
"almost","alone","along","already","also","although","always","am","among","amongst","an","and","announce",
"another","any","anybody","anyhow","anymore","anyone","anything","anyway","anyways","anywhere",
"apparently","approximately","are","aren","arent","arise","around","as","aside","ask","asking","at","auth",
"available","away","awfully","b","back","be","became","because","become","becomes","becoming","been",
"before","beforehand","begin","beginning","beginnings","begins","behind","being","believe","below","beside",
"besides","between","beyond","biol","both","brief","briefly","but","by","c","ca","came","can","cannot","can't",
"cause","causes","certain","certainly","co","com","come","comes","contain","containing","contains","could",
"couldnt","d","date","did","didn't","different","do","does","doesn't","doing","done","don't","down","downwards",
"due","during","e","each","ed","edu","effect","eg","eight","eighty","either","else","elsewhere","end","ending",
"enough","especially","et","et-al","etc","even","ever","every","everybody","everyone","everything","everywhere","ex","except","f",
"far","few","ff","fifth","first","five","fix","followed","following","follows","for","former","formerly","forth","found",
"four","from","further","furthermore","g","gave","get","gets","getting","give","given","gives","giving","go","goes",
"gone","got","gotten","h","had","happens","hardly","has","hasn't","have","haven't","having","he","hed","hence",
"her","here","hereafter","hereby","herein","heres","hereupon","hers","herself","hes","hi","hid","him","himself","his",
"hither","home","how","howbeit","however","hundred","i","id","ie","if","i'll","im","immediate","immediately",
"importance","important","in","inc","indeed","index","information","instead","into","invention","inward","is","isn't",
"it","itd","it'll","its","itself","i've","j","just","k","keep","        keeps","kept","keys","kg","km","know","known","knows","l","largely","last","lately","later","latter","latterly",
"least","less","lest","let","lets","like","liked","likely","line","little","'ll","look","looking","looks","ltd","m","made",
"mainly","make","makes","many","may","maybe","me","mean","means","meantime","meanwhile","merely","mg",
"might","million","miss","ml","more","moreover","most","mostly","mr","mrs","much","mug","must","my","myself","n",
"na","name","namely","nay","nd","near","nearly","necessarily","necessary","need","needs","neither","never",
"nevertheless","new","next","nine","ninety","no","nobody","non","none","nonetheless","noone","nor","normally",
"nos","not","noted","nothing","now","nowhere","o","obtain","obtained","obviously","of","off","often","oh","ok",
"okay","old","omitted","on","once","one","ones","only","onto","or","ord","other","others","otherwise","ought",
"our","ours","ourselves","out","outside","over","overall","owing","own","p","page","pages","part","particular",
"particularly","past","per","perhaps","placed","please","plus","poorly","possible","possibly","potentially","pp",
"predominantly","present","previously","primarily","probably","promptly","proud","provides","put","q","que",
"quickly","quite","qv","r","ran","rather","rd","re","readily","really","recent","recently","ref","refs","regarding",
"regardless","regards","related","relatively","research","respectively","resulted","resulting","results","right","run",
"s","said","same","saw","say","saying","says","sec","section","see","seeing","seem","seemed","seeming","seems",
"seen","self","selves","sent","seven","several","shall","she","shed","she'll","shes","should","shouldn't","show",
"showed","shown","showns","shows","significant","significantly","similar","similarly","since","six","slightly","so",
"some","somebody","somehow","someone","somethan","something","sometime","sometimes","somewhat",
"somewhere","soon","sorry","specifically","specified","specify","specifying","state","states","still","stop",
"strongly","sub","substantially","successfully","such","sufficiently","suggest","sup","sure","        t","take","taken","taking","tell","tends","th","than","thank","thanks","thanx","that","that'll","thats","that've",
"the","their","theirs","them","themselves","then","thence","there","thereafter","thereby","thered","therefore",
"therein","there'll","thereof","therere","theres","thereto","thereupon","there've","these","they","theyd","they'll",
"theyre","they've","think","this","those","thou","though","thoughh","thousand","throug","through","throughout",
"thru","thus","til","tip","to","together","too","took","toward","towards","tried","tries","truly","try","trying","ts",
"twice","two","u","un","under","unfortunately","unless","unlike","unlikely","until","unto","up","upon","ups","us",
"use","used","useful","usefully","usefulness","uses","using","usually","v","value","various","'ve","very","via","viz",
"vol","vols","vs","w","want","wants","was","wasn't","way","we","wed","welcome","we'll","went","were","weren't",
"we've","what","whatever","what'll","whats","when","whence","whenever","where","whereafter","whereas",
"whereby","wherein","wheres","whereupon","wherever","whether","which","while","whim","whither","who",
"whod","whoever","whole","who'll","whom","whomever","whos","whose","why","widely","willing","wish","with",
"within","without","won't","words","world","would","wouldn't","www","x","y","yes","yet","you","youd","you'll",
"your","youre","yours","yourself","yourselves","you've","z","zero"]

The following is the simpe program that i used to convert a text file of these Stop words into the array string above.

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package arrayify;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;

/**
 *
 * @author Siriquelle
 */
public class Main {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args)
    {
        try
        {
            BufferedReader in = new BufferedReader(new InputStreamReader(Main.class.getResourceAsStream("StopWords.txt")));
            String str = "";
            StringBuilder sb = new StringBuilder();
            while ((str = in.readLine()) != null)
            {
                sb.append("\"").append(str).append("\"");
            }
            str = sb.toString().replaceAll("\"\"", "\",\"");
            System.out.print(str);
            in.close();
        } catch (IOException e)
        {
            System.out.print(e.toString());
        }
    }
}

Hope this saves you some time. Many thanks to <a href=”http://www.ranks.nl/resources/stopwords.html” >http://www.ranks.nl/resources/stopwords.html </a> for the list of words.

Then, create a new java source file and call it main.java, and another called tweet.java. Two simple classes and you’ve got yourself a twitter client. The end result will look like this:

/*
 * Main.java
 *
 * Created on 23-Jul-2009, 11:57:04
 */
package org.me.owt;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

/**
 *
 * @author Siriquelle
 */
public class Main extends javax.swing.JFrame {

    private JButton button;

    /** Creates new form Main*/
    public Main() {
        initComponents();
    }

    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
     */
    @SuppressWarnings("unchecked")
    // 
    private void initComponents() {

        jPanel1 = new javax.swing.JPanel();
        usernamelabel = new java.awt.Label();
        username = new java.awt.TextField();
        passwordlabel = new java.awt.Label();
        password = new java.awt.TextField();
        status = new java.awt.TextArea();
        tweet = new java.awt.Button();

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setTitle("One Way Tweet");
        setBackground(new java.awt.Color(204, 255, 255));
        setBounds(new java.awt.Rectangle(0, 0, 0, 0));
        setCursor(new java.awt.Cursor(java.awt.Cursor.DEFAULT_CURSOR));
        setForeground(new java.awt.Color(204, 255, 255));
        setName("One Way Tweet"); // NOI18N
        setResizable(false);

        jPanel1.setBackground(new java.awt.Color(204, 255, 255));
        jPanel1.setBorder(new javax.swing.border.SoftBevelBorder(javax.swing.border.BevelBorder.RAISED));
        jPanel1.setAlignmentX(getWidth() / 2);
        jPanel1.setAlignmentY(getHeight() / 2);

        usernamelabel.setFont(new java.awt.Font("Dialog", 1, 14)); // NOI18N
        usernamelabel.setForeground(new java.awt.Color(0, 102, 102));
        usernamelabel.setName("usernameLabel"); // NOI18N
        usernamelabel.setText("Username");

        username.setForeground(new java.awt.Color(51, 51, 51));
        username.setName("username"); // NOI18N
        username.addFocusListener(new java.awt.event.FocusAdapter() {

            public void focusGained(java.awt.event.FocusEvent evt) {
                Main.this.focusGained(evt);
            }

            public void focusLost(java.awt.event.FocusEvent evt) {
                Main.this.focusLost(evt);
            }
        });

        passwordlabel.setFont(new java.awt.Font("Dialog", 1, 14)); // NOI18N
        passwordlabel.setForeground(new java.awt.Color(0, 102, 102));
        passwordlabel.setName("passwordLabel"); // NOI18N
        passwordlabel.setText("Password");

        password.setEchoChar('*');
        password.setForeground(new java.awt.Color(51, 51, 51));
        password.setName("password"); // NOI18N
        password.addFocusListener(new java.awt.event.FocusAdapter() {

            public void focusGained(java.awt.event.FocusEvent evt) {
                Main.this.focusGained(evt);
            }

            public void focusLost(java.awt.event.FocusEvent evt) {
                Main.this.focusLost(evt);
            }
        });

        status.setForeground(new java.awt.Color(51, 51, 51));
        status.setName("status"); // NOI18N
        status.addFocusListener(new java.awt.event.FocusAdapter() {

            @Override
            public void focusGained(java.awt.event.FocusEvent evt) {
                Main.this.focusGained(evt);
            }

            @Override
            public void focusLost(java.awt.event.FocusEvent evt) {
                Main.this.focusLost(evt);
            }
        });

        tweet.setActionCommand("tweet");
        tweet.setBackground(new java.awt.Color(153, 255, 255));
        tweet.setFont(new java.awt.Font("Impact", 1, 48)); // NOI18N
        tweet.setForeground(new java.awt.Color(0, 102, 102));
        tweet.setLabel("tweet");
        tweet.setName("tweet"); // NOI18N
        tweet.addMouseListener(new java.awt.event.MouseAdapter() {

            public void mouseClicked(java.awt.event.MouseEvent evt) {
                tweetMouseClicked(evt);
            }
        });

        javax.swing.GroupLayout jPanel1Layout = new javax.swing.GroupLayout(jPanel1);
        jPanel1.setLayout(jPanel1Layout);
        jPanel1Layout.setHorizontalGroup(
                jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addGroup(jPanel1Layout.createSequentialGroup().addContainerGap().addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addComponent(status, javax.swing.GroupLayout.PREFERRED_SIZE, 266, javax.swing.GroupLayout.PREFERRED_SIZE).addGroup(jPanel1Layout.createSequentialGroup().addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false).addComponent(passwordlabel, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE).addComponent(usernamelabel, javax.swing.GroupLayout.PREFERRED_SIZE, 83, javax.swing.GroupLayout.PREFERRED_SIZE)).addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED).addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addComponent(username, javax.swing.GroupLayout.PREFERRED_SIZE, 173, javax.swing.GroupLayout.PREFERRED_SIZE).addComponent(password, javax.swing.GroupLayout.PREFERRED_SIZE, 173, javax.swing.GroupLayout.PREFERRED_SIZE))).addComponent(tweet, javax.swing.GroupLayout.PREFERRED_SIZE, 266, javax.swing.GroupLayout.PREFERRED_SIZE)).addContainerGap()));
        jPanel1Layout.setVerticalGroup(
                jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addGroup(jPanel1Layout.createSequentialGroup().addContainerGap().addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING).addComponent(usernamelabel, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE).addComponent(username, javax.swing.GroupLayout.PREFERRED_SIZE, 20, javax.swing.GroupLayout.PREFERRED_SIZE)).addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED).addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addComponent(passwordlabel, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE).addComponent(password, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)).addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED).addComponent(status, javax.swing.GroupLayout.PREFERRED_SIZE, 91, javax.swing.GroupLayout.PREFERRED_SIZE).addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED).addComponent(tweet, javax.swing.GroupLayout.PREFERRED_SIZE, 79, javax.swing.GroupLayout.PREFERRED_SIZE).addContainerGap()));

        usernamelabel.getAccessibleContext().setAccessibleName("usernameLabel");
        username.getAccessibleContext().setAccessibleName("username");
        password.getAccessibleContext().setAccessibleName("password");
        status.getAccessibleContext().setAccessibleName("status");
        tweet.getAccessibleContext().setAccessibleName("tweet");

        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
                layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addComponent(jPanel1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE));
        layout.setVerticalGroup(
                layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING).addComponent(jPanel1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE));

        getAccessibleContext().setAccessibleName("One Way Tweet");
        getAccessibleContext().setAccessibleDescription("One Way Tweet");

        pack();
    }// 

    private void tweetMouseClicked(java.awt.event.MouseEvent evt) {
        Tweet tw = new Tweet(username.getText(), password.getText(), status.getText());
        if (tw.sendTweet())
        {
            this.ShowMessageDialog("Tweet Win");
        } else
        {
            this.ShowMessageDialog("Tweet Fail");
        }
    }

    private void focusGained(java.awt.event.FocusEvent evt) {
        evt.getComponent().setBackground(new java.awt.Color(255, 255, 215));
    }

    private void focusLost(java.awt.event.FocusEvent evt) {
        evt.getComponent().setBackground(new java.awt.Color(255, 255, 255));
    }

    public void ShowMessageDialog(String msg) {
        final JFrame frame = new JFrame(msg);
        button = new JButton("OK");
        button.addMouseListener(new java.awt.event.MouseAdapter() {

            public void mouseClicked(java.awt.event.MouseEvent evt) {
                frame.dispose();
            }
        });

        JPanel panel = new JPanel();
        panel.add(button);
        panel.add(button);
        frame.add(panel);
        frame.setSize(220, 80);
        frame.setLocation(220, 80);
        frame.setVisible(true);
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {

            public void run() {
                new Main().setVisible(true);
            }
        });
    }

    // Variables declaration - do not modify
    private javax.swing.JPanel jPanel1;
    private java.awt.TextField password;
    private java.awt.Label passwordlabel;
    private java.awt.TextArea status;
    private java.awt.Button tweet;
    private java.awt.TextField username;
    private java.awt.Label usernamelabel;
    // End of variables declaration
}

The following code is a class that handles the tweet. create a new java source file in the org.me.owt package and call it tweet.java. It’s methods are used to create and send the tweet and handle the response from the twitter api:

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package org.me.owt;

import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.net.URL;
import java.net.URLConnection;
import java.net.URLEncoder;

/**
 *
 * @author Siriquelle
 */
public class Tweet {

    private String twitteruser;
    private String twitterpass;
    private String status;
    private String response;

    public Tweet(String u, String p, String s) {
        twitteruser = u;
        twitterpass = p;
        status = s;
    }

    public boolean sendTweet() {
        try
        {
            String encodedData = URLEncoder.encode(status, "UTF-8");

            String credentials = twitteruser + ":" + twitterpass;
            String encodecredentials = new sun.misc.BASE64Encoder().encode(credentials.getBytes());

            URLConnection connection = null;
            URL url = new URL("http://twitter.com/statuses/update.xml");
            connection = url.openConnection();
            connection.setRequestProperty("Authorization", "Basic " + encodecredentials);
            connection.setDoOutput(true);

            OutputStreamWriter output = new OutputStreamWriter(connection.getOutputStream());
            output.write("status=" + encodedData);
            output.close();

            BufferedReader in = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            String decodedString;
            while ((decodedString = in.readLine()) != null)
            {
                response = decodedString;
            }
            in.close();
            return true;
        } catch (Exception e)
        {
            response = e.toString();
            return false;
        }
    }
}

And thats the code, right click your project and choose run. After you examine this code you’ll discover how, with a little parsing you can turn this application into a fully fledged thwirl competitor. :) If you’ve any questions I’d love a go at answering.

This application was created in netbeans using the swing UI builder. In a future post I will describe the process to building an application using the NetBeans IDE and it’s UI builders in design view.

As you type your tweet the the JavaScript will analyze your keystrokes and check for when a space is entered assuming you are done typing a word, at this point the text is passed to Google for translation. When your done typing hit tweet and it’s off to twitter with your tweet.

This is what your app will look like when it’s finished:

Source

The Folder structure you will need is similar to all other projects. You can download the source folder for this project and open it in NetBeans to get a better idea of how the end result will look. There are no special libraries you need to get this going just java.io.* and java.net.* .

This is the HTML you will need, (/index.html):

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="Stylesheet" media="screen" href="assets/css/style.css" >
        <title>Twitter Universal Translate</title>
    </head>
    <body>
        <div id="content">
            <div class="head">Twitter Multilanguage</div>

            <form>
                <label class="textlabel" for="username">Username</label>
                <input class="textinput" type="text" id="username" name="username" value="">

                <label class="textlabel" for="password">Password</label>
                <input class="textinput" type="password" id="password" name="password" value="">

                <label class="textlabel" for="lang">Translate To</label>
                <select class="select" id="lang" name="lang" onclick="translateTwo()" >
                    <option value="en">English</option>
                    <option value="fr">French</option>
                    <option value="it">Italian</option>
                    <option value="de">German</option>
                </select>

                <label class="textlabel" for="textarea">Tweet</label>
                <textarea id="textarea" class="textarea" name="textarea" cols="5" rows="5" onblur="translateTwo()" onkeydown="translate(event)"></textarea>

                <input class="textinput" type="button" value="Tweet" onclick="callLoad()"/>
            </form>
            <div class="infobar">“Translate your tweet into a chosen language as you type.”</div>
            <span id="status"></span>
        </div>

        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript" src="assets/js/jscript.js"></script>
    </body>
</html>

This is the CSS you will need, (/assets/css/style.css):

* {
    margin: 0;
    padding: 0;
}

/*///////////////////////////////////////////////////*/

#content{
    color:#333;
    width:350px;
    margin:100px auto;
    border:15px inset #66ffff;
    padding:10px;
    font-family:sans-serif;
    -moz-border-radius:10px;
}

.textlabel,textinput{
    display:block;
}

.textlabel{
    font-weight:bold;
}

.textlabel,.textinput, .textarea,.select{
    width:200px;
}

.textinput, .textarea,.select{
    padding:1px;
    margin-bottom:5px;
}

.textinput:focus, .textarea:focus{
    background-color:#ffffcc;
}

.head{
    font-size:32px;
    font-family:sans-serif;
    font-weight:bold;
    margin-bottom:5px;
}

.infobar{
    width:120px;
    float:right;
    position:relative;
    top:-140px;
    left:0px;
    padding: 3px;
    border:5px #ffff99 solid;
    background-color:#ffffcc;
    color:#003333;
    font-size:14px;
    font-style:oblique;
    text-align:center;
}

This is the JavaScript you will need, (/assets/js/jscript.js):

google.load("language", "1");

function translate(event){
    var textarea = document.getElementById("textarea");
    var lang = document.getElementById("lang");

    if(event.keyCode == 32){
        google.language.translate(textarea.value, "", lang.value, function(result) {
            if (!result.error) {
                var container = document.getElementById("textarea");
                container.value = result.translation + " ";
            }
        });
    }
}

function translateTwo(){
    var textarea = document.getElementById("textarea");
    var lang = document.getElementById("lang");
    google.language.translate(textarea.value, "", lang.value, function(result) {
        if (!result.error) {
            var container = document.getElementById("textarea");
            container.value = result.translation + " ";
        }
    });
}

function load(url, callback) {
    var xhr = new XMLHttpRequest();

    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;
    var status = document.getElementById("textarea").value;
    var auth = "tweet.jsp?username="+username+"&password="+password+"&status="+status;

    xhr.onreadystatechange = function() {
        if((xhr.readyState < 4) || xhr.status !== 200) return;
        callback(xhr);
    };
    try{
        xhr.open('GET', auth, true);
        xhr.send();
    }catch(e){
        document.write(e);
    }
}

function callLoad(){
    load('tweet.jsp', function(xhr) {
        var joke = document.getElementById("status");
        var textarea = document.getElementById("textarea");
        joke.innerHTML = 'OK';
        textarea.value = '';
    });
}

This is the Java you will need, (/tweet.jsp):

<%@page import="java.net.*, java.io.*"%>
<%
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String status = request.getParameter("status");
        try {
            String twitteruser = username;
            String twitterpass = password;
            String encodedData = URLEncoder.encode(status, "UTF-8");

            String credentials = twitteruser + ":" + twitterpass;
            String encodecredentials = new sun.misc.BASE64Encoder().encode(credentials.getBytes());

            URLConnection connection = null;
            URL url = new URL("http://twitter.com/statuses/update.xml");
            connection = url.openConnection();
            connection.setRequestProperty("Authorization", "Basic " + encodecredentials);
            connection.setDoOutput(true);

            OutputStreamWriter output = new OutputStreamWriter(connection.getOutputStream());
            output.write("status=" + encodedData);
            output.close();

            BufferedReader in = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            String decodedString;
            while ((decodedString = in.readLine()) != null) {
                out.println(decodedString);
            }
            in.close();

        } catch (Exception e) {
            System.out.println(e.toString());
        }

%>

Ideally a Servlet would be best suited to processing the response from twitter but for this project it’s OK. And there you go you can now tweet in multiple languages like James Bond might. yay!

In this tutorial I’m going to explain how to create a contact form with a jQuery validation template for you to play with that will send an email to whomever. The end result should look like this:

Source

Your going to need some form of access to an smtp mailbox with a username and password. You can use your gmail account info if you like, all your going to need is your gmail address and password.

Now for the fun part, First of all you need to set up a new web application project in netBeans I’ve called mine ContactForm. In the index.jsp file in the root of your directory you should past this html structure. It’s going to set up the form. Simple elegant yet expandable if you want. You’ll see how easy it is to build custom emails with this form by adding new fields and manipulating a variable or two near the end of this tutorial.

<%@page import="mail.SendEmail" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css">
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" media="screen" >
        <title>Multilingual Contact Form</title>
    </head>
    <body>
        <div id="container">
            <p class="heading">Contact Form</p>
            <form action="index.jsp" method="POST">
                <div class="input">
                    <label for="fullname">Name:</label>
                    <input type="text" id="fullname" name="fullname" value="" />
                    <div id="fullname_warn" ></div>
                </div>

                <div class="input">
                    <label for="email" >Email:</label>
                    <input type="text" id="email" name="email" value="" />
                    <span id="email_warn" ></span>
                </div>

                <div class="input">
                    <label for="message" >Message:</label>
                    <textarea cols="10" rows="5" id="message" name="message"></textarea>
                </div>

                <input type="submit" name="send" value="send" id="send" />
            </form>

            <%
        if (request.getParameter("fullname") != null) {
            String fullname = request.getParameter("fullname");
            String email = request.getParameter("email");
            String message = request.getParameter("message");

            if (mail.SendEmail.run(email, fullname, message)) {
            %>
            <p class="goodtogo end">Mail Sent Successfully</p>
            <%} else {%>
            <p class="warning end">Error Sending Mail</p>
            <%}
        }
            %>

        </div>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="assets/js/jscript.js"></script>
    </body>
</html>

Now that the html structure is in place it’s time to transform it into something a little easier on the eye. We’re going to add some styles. Before you go ahead and do this you should go ahead and set up your folder structures. It’s imperative that you have your files arranged in an organized way so that other developers can easily find what their looking. That, and if you need to take pictures to remember a holiday then you should defiantly be making your documents easier to find. Your folder structure should look like this:

Now that youve got somewhere to put your styles you should go ahead and stick them in this folder. Here they are:

div#container{
    max-width:578px;
    min-width:440px;
    border:1px solid #222;
    padding:20px;
    margin:100px auto;
    color:#222233;
    font-family:sans-serif;
    -moz-border-radius:20px;
}

p.heading{
    font-size:36px;
    font-weight:bold;
}

.input,#send{
    font-size:24px;
    margin-top:10px;
}

.input label{
    display:block;
    text-decoration:underline;
}

.input input, .input textarea{
    width:300px;
    padding:1px;
}

#send{
    font-size:16px;
    cursor:pointer;
    width:120px;
    height:50px;
}

.warning, .goodtogo{
    font-size:20px;
    padding-left:35px;
    width:225px;
    height:33px;
    float:right;
    clear:right;

}

.warning{
    background:transparent url(../img/warn.png) no-repeat -5px -33px scroll;
}

.goodtogo{
    background:transparent url(../img/warn.png) no-repeat 0px 0px scroll;
}

.end{
    position:relative;
    top:-40px;
}

Now you need a sprite for your error icons. I’ve made this one you should stick it in the ‘img’ folder your created under ‘assets’ like the structure shown above.

The following demonstrates dynamic class application with JQuery. You should play around with this fill and add validation to the form fields while getting familiar with the JQuery framework:

$(document).ready(function() {

    var fullname = $('#fullname');
    var fullname_warn = $('#fullname_warn');

    var email = $('#email');
    var email_warn = $('#email_warn');

    fullname.focus(function(){
        fullname_warn.removeClass('goodtogo');
        fullname_warn.addClass('warning');
        fullname_warn.html("Cannot be blank");

        fullname.blur(function(){
            fullname_warn.removeClass('warning');
            fullname_warn.addClass('goodtogo');
            fullname_warn.html(" ");
        });
    });

    email.focus(function(){
        email_warn.removeClass('goodtogo');
        email_warn.addClass('warning');
        email_warn.html("Cannot be blank");

        email.blur(function(){
            email_warn.removeClass('warning');
            email_warn.addClass('goodtogo');
            email_warn.html(" ");
        });
    });

});

Now that we have a base structure in place it’s time to start bringing in the JavaMail API into your project. Ive made it available to download here so you can just download it. Ok? Create a JavaMail library and add it to your project as in the iText tutorial.

So the final step in this is easy… Create a new package called ‘mail’ in your Source Packages roll out in your project folder structure as seen here:

As you can see from above a new Java Class file called SendMail has been added to the ‘mail’ package, create that file now and add this code to it:

package mail;

/**
 *
 * @author Siriquelle
 */
import java.util.Date;
import java.util.Properties;

import javax.mail.Message;
import javax.mail.MessagingException;
import javax.mail.Session;
import javax.mail.Transport;
import javax.mail.internet.InternetAddress;
import javax.mail.internet.MimeMessage;

/**
 *
 * @author Siriquelle
 */
public class SendEmail {

    public static boolean run(String addressedTo, String subject, String content) {

        String fromAddress = "Your Name ";//Your Email Address//
        String recipients = addressedTo.trim();
        String contentType = "text/plain";

        String smtpHost = "smtp.gmail.com";//Your Outgoing Mailbox//
        int smtpPort = 587;
        String username = "you@gmail.com";//Your Mailbox Username//
        String password = "yourpassword";//Your Mailbox Password//

        try
        {
            Properties props = System.getProperties();
            props.put("mail.smtp.starttls.enable", "true");
            Session session = Session.getDefaultInstance(props);

            MimeMessage message = new MimeMessage(session);

            message.setFrom(new InternetAddress(fromAddress));
            message.setRecipients(Message.RecipientType.TO,
            InternetAddress.parse(recipients, false));

            message.setSubject(subject);
            message.setContent(content, contentType);
            message.setSentDate(new Date());

            Transport transport = session.getTransport("smtp");
            transport.connect(smtpHost, smtpPort, username, password);
            transport.sendMessage(message, message.getAllRecipients());
            transport.close();

            return true;
        } catch (MessagingException messagingException)
        {
            System.out.print(messagingException);
            return false;

        } catch (Exception e)
        {
            System.out.print(e);
            return false;
        }
    }
}

And that is it. You should now have a valid working form that will send emails. Nice. If you don’t check that your folder structure matches mine. Check that you’ve added your own GMail username and password in the SendEmail java class.

See, it says “Hello World” in the viewport, and “Hello World” in the window frame. Bellow is the code that makes this happen.

package HelloWorld;

/*Import all of the packages we'll be using. */
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;

/*The stage is the window. */
Stage {
    title: "Hello World"
    width: 250
    height: 80

/*The scene is the viewport. The stage has a variable named scene that is Scene object. */
    scene: Scene {

/* The scene has some content inside it, in this case is will be the "Hello World" text.*/
        content: [
/* When you're programming be prepared to think of everything. We need to program our text by giving it a size and a family*/
            Text {
                font : Font {
                    name: "Sans Serif"
                    size : 16
                }
/*Here is where we answer the question of where we want to place the text we've just created in the viewport in number of pixels*/
                x: 10
                y: 30
/*The content of our text box will be some text right.*/
                content: "Hello World"
            }/*end text*/
        ]/*end scene content*/
    }/*end scene*/
}/*end Stage*/

I love java for some reason. Maybe because it’s the first language I really sunk my teeth into.  Anyhow, first off any aspiring developer should download install and familiarize themselves with an IDE. IDE stands for Integrated Development Environment. Some people swear by Eclipse because of its extensibility and it has its uses but for me NetBeans has it made. It’s released by Sun, the JAVA people so it’s got some neat features like auto formatting that make a developers life easier.

So, first you need to travel to NetBeans.org and download the latest version of NetBeans. You should be looking for the Java version or the all version. Really you just want a version that ticks the Java Web and EE box. Oh, and make sure you’ve got JavaScript enabled or you won’t see anything.

After NetBeans is downloaded you can go ahead and run it. Agree to everything as it loads. And after it loads simply go to file > new project and you should see something looking like this:

Choose Java Web > Web Application and click next. After you’ve done this you should see the next window in the ‘New Java Web Application Wizard. All you need o concern yourself with is the box i have highlighted, i.e. Give your new web application a name, I chose HelloWorld but you can choose any name you wish. It’s best if you don’t use spaces in the name just yet however.

After you’ve chosen a name for your ‘Hello World’ application you should select Next and then select Finish on the final page. In another post I will explain what each of the options mean specifically but for now we’re going to focus on the ‘Hello World’. There’s nothing like the first app feeling. As developers we are constantly learning new technologies and from time to time that feeling returns but the first is unique.

At this point you should see something like HTML code in the center of your screen. This is your editor window and here is where you will edit and manage all of your code.

To the left you should be seeing your project tree. It shows you index.jsp by default:

To execute your project you need to right click on your project and choose run from the drop down list. You will notice allot of things start to happen. JSP pages are compiled and rendered by a web server and displayed in your browser. So far this index.jsp page does nothing special and if its contents were contained in a .html page instead the browser would render it just the same.

Now, try adding this code to the top of your JSP page:

<%
String h = "hello";
String w = "world";
%>

And add this code to the between the body tags of your JSP page:

<h1>
<%= h + w + "!!" %>
</h1>

Your page should look something like this after you’re done:

Save the page in NetBeans and refresh the page in your browser and you get the same result, but this time you’ve been programming in java. Congratulations your Java Web story has begun. In the next post in the series I will explain what a String is and how it works. :)