Wysmedia.com » Programming

Using Alternative Text in Image

adwin — Wed, 06 May 2009 03:06:48 +0000

I used to browse a web image off in order to save the bandwith usage (also to speed up the loading). It is unpleasant sometimes to see a images that link to something but don’t have “alt” attributs that’s why sometimes I need to turn on the image for seeing what is the next.

People may not know the importance of using “alt” attribute in web design. It is very important, because it is good for Search Engine Optimization (SEO). Suppose someone search about something, the picture could help to increase the rating as well.

I just read this web it explain very well about using “alt”. It also encourage people to use alt although it is empty. Alt also shouldn’t redundant with the content of page. For example, when you want to display picture of Barack Obama, you don’t need to do like this :

Picture of Barack Obama, the President of United States from 2009

On the browser or web spider it will looks like :

Picture of Barack Obama, the President of United States picture of barack obama, president of united states

It is redundant information. So you can simply put empty on the alt because the previous text has already explain it.

Picture of Barack Obama, the President of United States from 2009

Native SQL Query on Grails

adwin — Mon, 04 May 2009 14:50:44 +0000

As we know, Hibernate Query Language or using GORM are not enough, for example if we want to create complex queries or using native sql functions ie. date() function in MySQL. That’s why we need to use Groovy SQL to achive that.

Before we started, I want to let you know that once we using native functions in sql, we might got problem when we tried to deploy on another database server. So be wise.

Here is simple example how to do that :

import groovy.sql.Sql;
 
class ReportController { 
    def dataSource ; 
    .....
    def print = {
        .....
        def sql = new Sql(dataSource);
        List lparams = [startDate, endDate];
        def query2 = "select * from invoiceh where trx_date between ? and ? ";
        def result = sql.rows(query2,lparams);
        ......  // fetch the result into your gsp / you can process it further
    }
}

This code will return result as array / collections.
Simple isn’t it ?

Dance with Dynamic Jasper Report

adwin — Sat, 02 May 2009 03:07:35 +0000

jasper report

Dynamic Jasper Report is such a nice thing that exists in this world. You can create a report using powerfull Jasper Engine without creating a jrxml first. You don’t need iReport anymore. Actually I hate using iReport, it is not fun for me

I will show you step by step how to use Dynamic Jasper Report with custom query. I won’t show how to use static reportable in Domain because there are lots of tutorial like this one

Installing Plugins
It is as simple typing

grails install-plugin dynamic-jasper

Generating Domains step
We create 2 domains name: Book and Author simply type

grails create-domain-class Book
grails create-domain-class Author

and add some field on the domains :

class Book {
    String name ; 
    String barcode ;
    String summary;
    Author author; 
 
    static belongsTo = [author:Author];
 
    static constraints = {
        name(nullable:false, blank:false);
        barcode(nullable:false, blank:false);
        summary(nullable:false, blank:false);
    }
 
    String toString() {
        "${name}"
    }
}

class Author {
    String name ;
    String summary ;
 
    static hasMany = [books:Book];
 
    static constraints = {
        name(nullable:false, blank:false);
        summary(nullable:false, blank:true);
    }
 
    String toString() {
        "${name}";
    }
}

Create a controller for displaying the Jasper

grails create-controller Report

Here we want to create an excel report so we fill ReportController with this :

import net.sf.jasperreports.engine.*;
import net.sf.jasperreports.engine.data.*;
import net.sf.jasperreports.engine.export.*;
import net.sf.jasperreports.engine.util.*;
import net.sf.jasperreports.view.*;
 
import ar.com.fdvs.dj.domain.DynamicReport;
import ar.com.fdvs.dj.domain.builders.FastReportBuilder;
import ar.com.fdvs.dj.core.DynamicJasperHelper;
import ar.com.fdvs.dj.core.layout.ClassicLayoutManager;
import ar.com.fdvs.dj.output.*;
 
 
 
class ReportController {
 
    def index = { 
        FastReportBuilder drb = new FastReportBuilder();
        drb = drb.addColumn("Book Name","name",String.class.getName(),30);
        drb = drb.addColumn("Barcode","barcode",String.class.getName(),20);
        drb = drb.addColumn("Author","author.name",String.class.getName(),30);
        drb = drb.addColumn("Author Summary","author.summary",String.class.getName(),70);
        DynamicReport dr = drb.setTitle("My tester ").setUseFullPageWidth(true).build();
 
        JRDataSource ds = new JRBeanCollectionDataSource(Book.list());   
        JasperPrint jp = DynamicJasperHelper.generateJasperPrint(dr, 
                new ClassicLayoutManager(), ds);
 
 
        def reportFormat = 'XLS';
        def reportFileName = "myReport";
        ReportWriter reportWriter = ReportWriterFactory.getInstance().getReportWriter(jp, reportFormat, [(JRHtmlExporterParameter.IMAGES_URI): "${request.contextPath}/report/image?image=".toString()]);
        if (reportFileName) {
            response.addHeader('content-disposition', "attachment; filename=${reportFileName}.${reportFormat.toLowerCase()}")
        }
        reportWriter.writeTo(response)
    }
}

FastReportBuilder will create columns and do what the jrxml does.
DynamicReport will build the report for you (i think it identical with compiling jrxml to .jasper)

You fill data of the report using JRBeanCollectionDataSource. here we use simple query Book.list(). You might try it using Criteria as well.

To display the report in the browser, we just tell the browser about the header and its content by this code :

ReportWriter reportWriter = ReportWriterFactory.getInstance().getReportWriter(jp, reportFormat, [(JRHtmlExporterParameter.IMAGES_URI): "${request.contextPath}/report/image?image=".toString()]);
        if (reportFileName) {
            response.addHeader('content-disposition', "attachment; filename=${reportFileName}.${reportFormat.toLowerCase()}")
        }
        reportWriter.writeTo(response)</blockquote>

done … that’s so easy.

dynamic jasper result in excel format

more information about dynamice jasper visit:
http://dynamicjasper.sourceforge.net/

vim search and replace on multiple files

adwin — Fri, 20 Mar 2009 15:20:03 +0000

To search and replace on multiple files

First type :args **/*.groovy (change groovy with file extension you want to search and replace)

Type :argdo %s/something to replace/with new words/g |w

When you type |w, it means you tell vim to save every edited file. If you are not using w, it will not save and stopped on first file (it always ask file save before going on to next file)

Zebra Style on Table with JQuery

adwin — Fri, 20 Mar 2009 05:58:21 +0000

This is very cool tips that I found from jquery documentation. Create a table zebra with just one line of code.

You define a css for evenrow and oddrow with different colors.

$('#yourTableID tr:even').attr('class','evenrow');
$('#yourTableID tr:odd').attr('class','oddrow');

Open Flash Chart .6 for Grails

adwin — Mon, 16 Mar 2009 03:35:16 +0000

It is released new version for open flash chart for Grails.
the tutorial was on http://mybytes.wordpress.com/

The difference is that 0.6 using OFC version 2 and 0.5 still using version 1. Version 2 is not compatible with version 1 so please watch out when you tried to update that plugin.

More information about Open Flash Chart 2, check the maker web on http://teethgrinder.co.uk/open-flash-chart-2/

which one you prefer ?

adwin — Sat, 07 Mar 2009 04:49:33 +0000

I just having thought of current JavaFx that using syntax that looks like Groovy DSL. I think it is fun to have a syntax like that, instead of using XML. I hate XML you know ….

Which one you like ?


    
        
            
                 something here 
                 something here too 
                 something here as well
            
             
                 another line here 
                 another line here too 
                 another line here as well
            
        
         wysmedia

html{
    body{
        table{
            tr{
                td{"something here"}
                td{"something here too"}
                td{"something here as well"}
            }
            tr{
                td{"another line "}
                td{"another line too"}
                td{"another line as well"}
            }
        }
        p{
            h2{"a paragraph"}
            a{
                href:"http://wysmedia.comyr.com"
                title:"link to wysmedia"
                "wysmedia.com"
            }
        }
    }
}

which one you like the most ?

Grails and Mysql InnoDB

adwin — Sat, 28 Feb 2009 01:03:11 +0000

Here is a little tips to let grails create using innodb engine on mysql, everytime grails create a domain/table.

 dataSource {
      pooled = true
      driverClassName = "com.mysql.jdbc.Driver"
      username = "wysmedia"
      password = "password"
      dialect = org.hibernate.dialect.MySQLInnoDBDialect
 }

dialect = org.hibernate.dialect.MySQLInnoDBDialect that’s the main idea to set mysql using innodb. With InnoDB you can use service transaction or database transaction

Firebug console

adwin — Thu, 26 Feb 2009 04:22:04 +0000

Just playing with Firebug and instead of displaying “annoying” alert, we can use console.log(”your object”);

for example

var a = $("#test").val();
console.log(a);
var b = $("inputA");
console.log(b);

easy ?

Nice ICal Calendar with JQuery

adwin — Thu, 26 Feb 2009 01:52:17 +0000

Stefanoverna.com write how to create a nice looking calendar like those in ICal using Jquery. It looks good

on
this web

something here	something here too	something here as well
another line here	another line here too	another line here as well