Threadbare Canvas Productions

English Stop Words – Semantic Text Search

Siriquelle — Sun, 01 Aug 2010 19:32:43 +0000

Weather your analyzing your blog comments or looking at a single sentence one of the best way to discover the meaning of a peice of text is to perform text stemming and stop word removal to be left with the bones of the text. This post is a list of those words in an array string format. yay.

["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 http://www.ranks.nl/resources/stopwords.html for the list of words.

Using Python to determine if a number is whole or decimal

Siriquelle — Thu, 25 Feb 2010 21:55:31 +0000

Introduction

In this example you will learn how to create a Python application that will determine if a given number is whole or decimal.

Step One: Download Python

Python is a cool language. Like Ruby it’s very simple to use. You can download it from the python site. Choose your version, download, install and move onto step two.

Step Two: Simple Python Function

Python functions are defined using the def keyword. In this example we define an isWhole function to check weather the number entered by the user is whole or not.

Code:

def isWhole(x):
	if(x%1 == 0):
		return True
	else:
		return False

You’ll notice that after the function definition there is a colon and there are no semi colons at the end of lines. This is because indention is used to perform code blocks. Using indented code blocks, it is thought, will make the code easier to read.

Step Three: Desktop application

Copy and paste the following code into your favourite text editor. I use Notepad++ for, like, everything. It really is a very good text editor. Make sure you save it as a .py file. Then, you should be able to run this file by double clicking it. If something goes wrong you micht want to re-st-ar-t your computer. But that’s it. You’ve got a start with python.

NOTE: The first line you’ll see is commented out ‘#!/usr/bin/python’ this is only used my Unix machines and is used for specifying the location of the python install. You may want to edit this line if you are using a Mac or Linux machine. But if you are, chances are, you knew that already.

Code:

#!/usr/bin/python
# Filename: run.py

print '*******************'
print #
print '|   Welcome to Python   |'
print #

def isWhole(x):
	if(x%1 == 0):
		return True
	else:
		return False

#The scope of the following while loop
#is determined by the indentation. Spooky huh.
while(True):
	print '*******************'
	print #
	print 'Enter a number and i\'ll tell\nyou if its whole or not:'
	print #

#The function raw_input('Your number please: ') accepts
#raw input from the user. In this case we cast the raw
#input as a float and pass the input to the isWhole function.
	if(isWhole(float(raw_input('Your number please: ')))):
		print #
		print 'Well, this is clearly a whole number.'
	else:
		print #
		print 'Ick, I dont like decimal numbers'

	print #
	print '*******************'
	print #

#The following conditional statement will break out of the while
#loop we are in now, and terminate the program if the user enters N.
#the upper() funciton converts the users input to
#uppercase so that it compares to the N.
	if(raw_input('Would you like to try another number?(Y/N) ').upper() == 'N'):
		break
	print #

Conclusion

Now that you have this application up and running you can answer that is this a decimal or whole number question with confidence.

Write a Bouncing Accordian with JQuery

Siriquelle — Sun, 15 Nov 2009 19:40:05 +0000

The following example is of a bouncing accordian. The idea behind a bouncing accordian is to use ajax to pull content for a number of pages and populate a central div with that data. The content area on the main page will fade out resize to 0px and then rsize again back to a new height with the new content displayed. The following is the result of the labour.

Source Demo

So, now that you’ve had a peek at it working you can look over the code. The first thing is folder structure. I like base folder > assets > and then folders for each asset like > ajax for the pages of content and css for css and so on. The following is the HTML and JQUERY all on one page as its fairly simple to put together.





	
		
			Bouncing Accordian
		
		
		
		
		
	
	
		

			

				
					
						Home
						About
						Contact
					
				

				
					
						
					
				

				
				© Threadbare Canvas Productions & James Hogan

That was easy, a couple of lines of jquery and youve got a neat effect. Add some CSS for Style.

body{margin:0; padding:0px; background-color: #bdbdbd;}
a{text-decoration:inherit; color: inherit;}
.aligncenter{margin-left:auto;margin-right:auto;}

#main{
background-color:#dedede;
font-family:arial;
}

#container{
width:480px;
background-color:#dedede;
}

#nav{
border:5px #efefef solid;
-moz-border-radius:15px;
}
#nav #nav_list{
width:355px;
}

#nav #nav_list li{
display:inline;
margin-left:30px;
padding:5px;
border:1px #ccc outset;
background-color:#cdcdcd;
color:#fefefe;
-moz-border-radius:10px;
font-weight:bold;
cursor:pointer;
}

#content{
-moz-border-radius:15px;
min-height:0px;
padding:5px;
border-left: 5px #efefef solid;
border-right: 5px #efefef solid;
}
#content h1{
font-size:18px;
}
#content p{
font-size:14px;
}

#footer{
-moz-border-radius:15px;
border: 5px #efefef solid;
padding:5px;
text-align:center;
font-size:12px;
}

Also there are three other pages those are the ajax pages that will be dragged in to fill the content area.. So I created three files page1, page2, page3 .html and put them in an ajax folder then I gave an id of page1, page2, page3 to each of the buttons that i wanted to activate the ajax request for the content. The following is the sample content I had in those files.

Home

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis

et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci

velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea

commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate

velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

And there you have it a few simple files and a few lines of jquery can create a really nice effect for a website. Even if it looks fuggley :). PEACE!!

Putting Together a Javascript Hangman Game

Siriquelle — Mon, 26 Oct 2009 12:07:42 +0000

Learning how to manipulate stings is an important component of being able to build usable web applications. The develoepr must be able to take in some input, process it and return to the ser some form of meaningful output.

In this example you will get four files. This is what your game will look like when it’s finished:

Source Demo

So there you have it, a lovley hangman game to develop further and impress your friends with. The following is the code to the other files contained within the source folder.

First off let me show you hangman.htm



    
        Hangman
        
        
    
    
        
            Get ready to play
            
                Hangman

                
                    
                    

                

                Don't Get Dead!!
            
            
                
                    
                    What's your guess?
                    
                    

                    
                    

                    
                    You have used the following letters:

Next up, is the help file that we will be using javascript to open in a new window, help_popup.htm



    
        Hangman
        
		
    
    
        
            help
			boy am i glad that hangman is over... still some things bothering me, i'll get back to them,
            close

This is the interesting file, script.js

window.onload = init();
var doc = document;
var p;
var preLoad;
var curWord;
var word;
var curPic = -1;
var count = 0;
var gcount = 0;

function init(){
    var Pic = new Array();	  //Declare the new array
    Pic[0] = 'assets/images/Hangman_1.jpg'; //Assign values to each element of
    Pic[1] = 'assets/images/Hangman_2.jpg'; //the array
    Pic[2] = 'assets/images/Hangman_3.jpg';
    Pic[3] = 'assets/images/Hangman_4.jpg';
    Pic[4] = 'assets/images/Hangman_5.jpg';
    Pic[5] = 'assets/images/Hangman_6.jpg';
    Pic[6] = 'assets/images/Hangman_7.jpg';
    Pic[7] = 'assets/images/Hangman_8.jpg';
    Pic[8] = 'assets/images/Hangman_9.jpg';
    Pic[9] = 'assets/images/Hangman_10.jpg';
    Pic[10] = 'assets/images/Hangman_11.jpg';

    p = Pic.length;
    preLoad = new Array();
    for(var i = 0; i < p; i++){
        preLoad[i] = new Image();
        preLoad[i].src = Pic[i];
    }

//add new words as you see fit the application will adapt to the new words.
    word = new Array();
    word[0] = 'JOKER';
    word[1] = 'TYPICAL';
    word[2] = 'GOOGLE';

    curWord = Math.floor(Math.random() * word.length)+1;
    StartOver;
}

function CheckGuess(){
    var curGuess = doc.Game.TGuess.value;

    if(count < 10){         if (curGuess != '' && curGuess != ' '){             var curPos = word[curWord].indexOf(curGuess.toUpperCase());             var nomPos = doc.Game.TWord.value.indexOf(curGuess);             if (curPos >= 0){

                //doc.Game.TMessage.value = doc.Game.TWord.value + ' ' + curGuess + ' ' + gcount + ' ';

                if(nomPos >= 0){

                    do{
                        gcount = gcount-1;
                        nomPos = doc.Game.TWord.value.indexOf(curGuess, (nomPos+1));
                    }while(nomPos > 0);
                //doc.Game.TMessage.value += ' ' + gcount + ' ' + doc.Game.TWord.value.indexOf(curGuess);
                }

                do{
                    gcount++;
                    doc.Game.TWord.value = DeBlankMachine(curWord, curPos, curGuess, doc.Game.TWord.value);
                    curPos = word[curWord].indexOf(curGuess.toUpperCase(), (curPos+1));
                } while(curPos > 0);
            }else{
                count++;
                if(doc.Game.TPrevious.value.indexOf(curGuess) >= 0){
                    count = count-1;
                }else{
                    doc.PicHang.src = preLoad[++curPic].src;
                    doc.Game.TPrevious.value += curGuess + ' ';
                }
            }
        }
    }else{
        doc.Game.TAnswer.value= word[curWord];
        doc.Game.TMessage.value = 'You Died, Press Start';
    }

    if(gcount == word[curWord].length){
        doc.Game.TAnswer.value= word[curWord];
        doc.Game.TMessage.value = 'You Win, Press Start';
        curPic = 11;
    }
    doc.Game.TGuess.value = '';

}

function StartOver(){
    curPic = 0;
    count = 0;
    gcount=0;
    doc.PicHang.src = preLoad[0].src;
    doc.Game.TGuess.value = '';
    doc.Game.TAnswer.value = '';
    doc.Game.TMessage.value = '';
    doc.Game.TPrevious.value = '';
    curWord = Math.floor(Math.random() * word.length);
    doc.Game.TWord.value = FillNewWord(curWord);
}

function FillNewWord(curWord, wpos, letter){
    var blankSpace = '';
    for(var j = 0; j < word[curWord].length; j++){
        blankSpace += "_ ";
    }
    return blankSpace;
}

function DeBlankMachine(curWord, wpos, letter, old){
    var oldArray = ExplodeStringToArray(old);

    for(var i = 0; i < word[curWord].length; i++){
        if(wpos == i){
            oldArray[2*i] = letter;
        }
    }

    return ImplodeArrayToString(oldArray)

}

function ExplodeStringToArray(string){
    var stringLength = string.length;
    var charArray = new Array(stringLength);

    for(var i = 0; i < stringLength; i++){
        charArray[i] = string.charAt(i);
    }

    return charArray;

}

function ImplodeArrayToString(array){
    var newString = '';

    for(var i = 0; i < array.length; i++){
        newString += array[i];
    }

    return newString;
}

function ShowHelp(){
    NewWindow = window.open('help_popup.htm','newWin','width=450,height=350, scrollbars=yes');
}

And finally weve got to style the thing, style.css

#container{width:180px; margin-left:auto;margin-right:auto; font-family:tahoma, arial, sans-serif; color:#333;}
#head {font-size:1.2em;}
#head, #body_head, #body_footer {font-weight:bold;}

#head, #body_head, #body_footer {text-align:center;}

#head{}

#body{}
#body_head{}
#body_image{}
#PicHang{border:1px solid #000;}
#body_footer{margin-bottom:5px;}

#response{}
#response{}

#response input#TWord, #response input#TGuess, #response input#TAnswer, #response input#TMessage,#response input#TPrevious {text-align:center; text-transform:uppercase; margin-top:5px; margin-bottom:5px;}
#response input#TWord, #response input#TAnswer, #response input#TMessage,#response input#TPrevious {border:0; border-bottom:1px solid #ccc; font-weight:bold; font-size:12px; color:#000080; width:180px;}
#response input#TGuess {width:15px;}
#response input#TAnswer {font-weight:bold; font-size:14px; color:#800000; width:180px;}
#response label{font-weight:bold;}
#response .action_buttons{width:80px; margin-left:5px; margin-top:5px; cursor:pointer;}
#guess{}
#footer{}

And thats it, a genuine, working hangman game, with proper string manipulation functions. Give it a go :)

Write a simple Bingo Card with Javascript and Jquery

Siriquelle — Mon, 12 Oct 2009 20:07:59 +0000

Writing a bingo card couldn’t be easier with tools such as JQuery and a brain. There are some simple techniques that you need to put into place to get it all up and running. There are three files included in this tutorial. index.html, style.css and script.js

Now, you should end up with something like this:

Source Demo

If you want to glance through the source code you can do so here: index.html



    
        
        Bingo - Card
        
        

        
        
    
    

        
            Free Bingo Card
            
                
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                
                
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                
                
                     nbsp;
                     nbsp;
                    Free
                     nbsp;
                     nbsp;
                
                
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                
                
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                     nbsp;
                
            
            Click me for a new card

The following is the source of the CSS: style.css

#page{
    width:455px;
    margin:0 auto;
}

td{
    font-family:arial;
    color:#333;
    padding:10px;
    width:50px;
    height:50px;
    text-align:center;
    border:10px solid #ddc;
    background-color:#eee;
}

.bingohead{
    border:10px solid #c2324c;
}

h1, h3, h3 a{
    font-family:arial;
    text-align:center;
    padding:3px;
    color:#211111;
    background-color:#EEEEEE;
    border:2px solid #DDDDCC;
}

td{
    cursor:pointer;
}

#free{
    background-color:#fff;
    color:#eee;
    cursor:default;
}

And finally all of that JavaScript goodness: script.js

$(document).ready(function(){

    var usedArray = new Array(76);
    var baseArray = new Array(0,0,0,0,0,1,1,1,1,1,2,2,2,2,3,3,3,3,3,4,4,4,4,4);
    var number = 0;
    var base = 0;

    init();

    function init(){
        for(var i = 0; i<24; i++){
            fillCard(i);
        }
    }

    function fillCard(i){
        base = baseArray[i] * 15;
        number = base + Math.floor(Math.random()*15)+1;

        if(usedArray[number] != true){
            $('#cell'+i).html(number);
            usedArray[number] = true;
        }else{
            fillCard(i);
        }
    }

    function resetUsedNumbersArray(){
        for(var j = 0; j < usedArray.length; j++){
            usedArray[j] = false;
        }
    }

    $('#newCard').click(function(){
        resetUsedNumbersArray();
        init();
    });

    $('td').click(function(){

        var toggle = this.style;
        toggle.backgroundColor = toggle.backgroundColor? "":"#333";
        toggle.color = toggle.color? "":"#fff";
    });

});

Something to read while eating your sandwich and drinking your tea, yummie! Extreme programming!!

One Way Tweet a Java App

Siriquelle — Fri, 31 Jul 2009 09:33:31 +0000

One way tweet is a sending application for twitter. In this tutorial you will see/learn how to send stuff to twitter by writing a java desktop UI. You will create a new project in NetBeans and choose java application, and create a new package called org.me.owt.

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.

Universal Translator for your Tweets

Siriquelle — Tue, 21 Jul 2009 10:21:19 +0000

I thought this was going to be easy… SO much for preconceptions. Today, I’m going to give you the code to create a twitter translation App using, HTML, CSS, JavaScript and Java, the Twitter API and the Google Translate API. In a future tutorial I will demonstrate cross domain Ajax to get this Application to work totally on the client side but in the mean time you will need to have a Java enabled server to execute the server-side JSP that requests the API for twitter.

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):




    
        
        
        Twitter Universal Translate
    
    
        
            Twitter Multilanguage

            
                Username
                

                Password
                

                Translate To
                

                Tweet
                

                
            
            “Translate your tweet into a chosen language as you type.”

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!

Creating a JavaWeb Email Contact Form

Siriquelle — Fri, 17 Jul 2009 22:29:06 +0000

In a previous tutorial I have explained how to create a new NetBeans project and add a library to it to make the classes that are available in a jar available to use in your own project. If you are unsure how to do this go ahead and check out this article.

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" %>


    
        
        
        
        Multilingual Contact Form
    
    
        
            Contact Form
            
                
                    Name:
                    
                    
                

                
                    Email:
                    
                    
                

                
                    Message:
                    
                

                
            

            <%
        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)) {
            %>
            Mail Sent Successfully
            <%} else {%>
            Error Sending Mail
            <%}
        }
            %>

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.

Creating a Content Slider with JQuery

Siriquelle — Thu, 16 Jul 2009 14:36:37 +0000

Content sliders add very nice interactivity to your website. In this tutorial I will show you how to use jQuery to create a simple content slider. Of course you can change the styles look and feel of the product your self but for now I’m keeping it simple. The final product will look like this:

Source Demo

First thing you should do is get your folder structure in order so in the root folder of your project create a folder called ‘assets’ and in that folder create three more folders called ‘js’, ’style’ and ‘img’ to contain your JavaScript your css and your images. I am using ‘io’ as my root folder but you can use whatever you like, somehting liek ‘Content_Slider’ comes to mind. The end folder structure should will look like this:

In the project root folder create a new html file and name it index.html and past the following code inside:



  
    
    
    JQuery Content Slider
  
  
    
      
      
        
          
            Hello
            
              Hello
            
          
          
            Hello
            
              Hello
            
          
          
            Hello
            
              Hello

Now that the html file is set up you’ll need to create another file called style.css to contain all of your styles. Copy and past this code into the style.css file and stick it into the css folder:

* {
    margin: 0;
    padding: 0;

}
body {
    font: 71%/1.5 Verdana, Sans-Serif;
    background: #eee;

}

/* */
#content{
    margin:100px auto;
    padding:5px;
    width:688px;
    display:table;
}

/* */
#leftArrow, #rightArrow, #viewport{
    float:left;
}
#leftArrow, #rightArrow{
    width:100px;
    height:100px;
    margin:50px auto;
    cursor:pointer;
}
#leftArrow{
    background:transparent url(../img/nav.png) no-repeat 0px 0px;
}

#rightArrow{
    clear:right;
    background:transparent url(../img/nav.png) no-repeat 0px -100px;
}

/* */
#viewport{
    width:482px;
    height:200px;
    overflow:hidden;
    border:1px #333 solid;
}

/* */
#conveyor{
    position:relative;
    left:0px;
    width:1452px;
    height:200px;
}

#conveyor .item{
    float:left;
    width:482px;
    height:200px;
}

#conveyor .item .lastItem{
    clear:right;
}

/**/
.news{
    min-height:60px;
    width:476px;
    margin:3px auto;
    position:relative;
    top:100%;
    border:1px #444 solid;
}
/* */
.no1{background-color:aqua;}
.no2{background-color:blue;}
.no3{background-color:green;}

.item, .news, #viewport{
    -moz-border-radius:10px;
}

p{
    padding:15px;
    font-size:24px;
    font-weight:bold;
}

Now you should have a page with a look but no interactivity to it so create a new javascript file and call is JavaScript.js and copy and past the following code into it and stick it into your js folder:

$(document).ready(function() {

    /* */
    var conveyor = $("#conveyor");
    var conveyorPos = conveyor.position();

    var leftArrow = $("#leftArrow");
    var rightArrow = $("#rightArrow");

    var item = $(".item");
    var dist = item.width();

    /* */
    leftArrow.click(function(){
        updateConveyorPos();
        if(conveyorPos.left < 0){             conveyor.animate({                 "left": "+="+dist+"px"             }, "slow");         }     });     rightArrow.click(function(){         updateConveyorPos();         if(conveyorPos.left > -567){
            conveyor.animate({
                "left": "-="+dist+"px"
            }, "slow");
        }
    });

    /* */
    item.mouseenter(function(){
        $(".news").animate({
            "top": "61px"
        }, "slow");

    });

    item.mouseleave(function(){
        $(".news").animate({
            "top": "100%"
        }, "slow");

    });

    /* */
    function updateConveyorPos(){
        conveyorPos = conveyor.position();
        //alert("left: " + conveyorPos.left + "/ dist: " + dist);
    }
});

Luckily the folks at JQuery offer free hosting for their latest release so we don’t need to store it in our own file system. But that’s it, you should now have a JQuery content slider that you can play with yippiee!!.

Creating a PDF Programmatically with iText

Siriquelle — Wed, 08 Jul 2009 17:00:29 +0000

All will agree that pdf’s are cool, right? So, In this brief tutorial I will be describing how to create a pdf programmaticallywith NetBeans and how to add the iText library to your NetBeans projects. As is always the case this tutorial is intended to wet your appetite for the iText library. When you get serious you’ll want to create shapes and play with colors. In this tutorial I will show you how to create a pdf that shows a big Hello World at the top and draws eight squares underneath it. Here is the finished product, you can play around with the collors and draw loop to add more effects.

First thing you will need to have a copy of NetBeans. And also a copy of the iText Core jar. In Netbeans you will want to create a new project, call it “HelloWorld”. A this point you should create a new package, call it “pdfbuilder”.

Right click the package pdfbuilder you’ve just created and select New > Java Class:

You will need to give the class a name so for this example you should call it HelloWorld then hit finish:

Before we continue with the fun part we need to create a library for our iText jar and add it to the project. To do this all you have to do is Right Click on the libraries icon and select Add Library:

Create a new Library and name it iText:

Add the iText Core jar that was downloaded earlier:

Now your HelloWorld.java is ready to accept the following code:

package pdfbuilder;

import java.io.FileOutputStream;
import com.lowagie.text.Document;
import com.lowagie.text.Element;
import com.lowagie.text.pdf.BaseFont;
import com.lowagie.text.pdf.PdfContentByte;
import com.lowagie.text.pdf.PdfWriter;

public class HelloWorld {

    public static void main(String[] args) {
        try
        {
            //
            Document document = new Document();
            PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream("c:/world.pdf"));
            document.open();

            //
            PdfContentByte cb = writer.getDirectContent();
            cb.beginText();
            BaseFont bf = BaseFont.createFont(BaseFont.HELVETICA,
                    BaseFont.CP1252, BaseFont.NOT_EMBEDDED);
            cb.setFontAndSize(bf, 39);
            cb.setRGBColorFill(0xcc, 0x66, 0x66);
            cb.showTextAligned(Element.ALIGN_LEFT, "Hello World :)", 36, 788, 0);
            cb.endText();

            //
            cb.setRGBColorFill(0x9a, 0xe4, 0xe8);
            for (int i = 0, j = 55; i < (j * 8); i += j)
            {
                cb.roundRectangle(36 + i, 718, 50, 50, 5);
            }
            cb.eoFill();

            //
            document.close();
        } catch (Exception e)
        {
            System.out.println(e);
        }
    }
}

What you get after you run this program is a file named world.pdf in the root of your c:/ drive.

nbsp;	nbsp;	nbsp;	nbsp;	nbsp;
nbsp;	nbsp;	nbsp;	nbsp;	nbsp;
nbsp;	nbsp;	Free	nbsp;	nbsp;
nbsp;	nbsp;	nbsp;	nbsp;	nbsp;
nbsp;	nbsp;	nbsp;	nbsp;	nbsp;