(JavaEE) JSF (Java Server Faces) Intro

JavaServer Faces (JSF) is a user interface (UI) framework for Java web applications. It is designed to significantly ease the burden of writing and maintaining applications that run on a Java application server and render their UIs back to a target client. JSF provides ease-of-use in the following ways(Netbeans Site)

Create Project Web Applicetion

30-01-2014 22-42-56

Pilih Framework Java Server Faces

30-01-2014 22-43-26

30-01-2014 22-43-49

30-01-2014 22-45-21

(JavaEE)Konsep JSF (Java Server Faces)

JavaServer Faces (JSF) is a user interface (UI) framework for Java web applications. It is designed to significantly ease the burden of writing and maintaining applications that run on a Java application server and render their UIs back to a target client. JSF provides ease-of-use in the following ways(Netbeans Site)

JSF dapat didefinisikan sebagai sebuah web application framework untuk platform Java Enterprise Edition (Java EE) yang dibuat oleh Apache Software Foundation. JSF adalah sebuah framework yang berfungsi untuk membangun suatu user interface pada suatu aplikasi web. JSF ini dibangun berdasarkan konsep-konsep yang diperkenalkan oleh framework Struts, dan memiliki keuntungan berupa sebuah arsitektur yang benar-benar memisahkan antara bagian business logic dan bagian standard komponen user interface yang dibentuk dengan cara yang hampir sama dengan widget Swing.
Alur Kerja JSF memiliki 3 komponen utama yang terpisah secara jelas, yaitu Model, View dan Controller.
JSF memiliki sebuah controller servlet bagian depan yaitu FacesServlet yang bertanggung jawab untuk menerima request dari client dan menjalankan operasi yang diperlukan untuk menghasilkan response. Operasi ini termasuk menyiapkan komponen-komponen UI yang dibutuhkan untuk request, meng-update status komponen, memanggil action handler yang dibutuhkan (jika ada), dan komponen-komponen UI hasil render yang merupakan bagian dari response dengan struktur framework yang telah dibuat.
Faces menyediakan set sendiri dari komponen-komponen beserta sebuah set library-library untuk memperlihatkan komponen-komponen ini sebagai tag-tag dan sebuah komponen hasil render yang menterjemahkan komponen UI menjadi HTML.
Dibawah ini adalah gambaran detail bagaimana framework JSF bekerja :
JSF

(JavaEE) Implementasi Java Bean dengan JSP 2

Setelah saya membaca beberapa kutipan dari oracle dan beberapa website mas eko, java Bean sangat banyak digunakan pada pemograman java yang berbasis PBO, kenapa kita harus menggunakan java bean? karena dengan menggunakan konsep bean kita dengan mudah membuat entitas yang akan kita panggil.

Edit File HTML seperti dibawah ini untuk menampung data inputan kita

 <%-- 
    Document   : index
    Created on : Jan 29, 2014, 3:27:48 PM
    Author     : Jarod United
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <form method="post" action="SaveName.jsp">
            Nama : <input type="text" name="username" size="20"> <br />
            Email : <input type="text" name="email" size="20"> <br />
            Usia : <input type="text" name="age" size="20"> <br />
            <p> <input type="submit">
        </form>
        </body>
</html>

Create File JSP dengan nama NextPage.jsp

<%-- 
    Document   : NextPage
    Created on : Jan 29, 2014, 3:36:03 PM
    Author     : Jarod United
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:useBean id="user" class="user.UserData" scope="session" />
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
      Nama Anda =  <%= user.getUsername() %> <br />
      Email Anda = <%= user.getEmai()%> <br />
      Usia Anda =  <%= user.getAge()%> <br />
        
    </body>
</html>
 

Create File JSP dengan nama SaveName.jsp

 <%-- 
    Document   : SaveName
    Created on : Jan 29, 2014, 3:34:22 PM
    Author     : Jarod United
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:useBean id="user" class="user.UserData" scope="session" />
<jsp:setProperty name="user" property="*" />
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <h1>Data Save Name</h1>
        <a href="NextPage.jsp">  Lanjutkan </a>
    </body>
</html>

Create Java Class Dengan nama UserData.java

 /*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

package user;

/**
 *
 * @author Jarod United
 */
public class UserData {
    String username;
    String email;
    int age;
    
    public void setUsername(String value){
        this.username = value;
    }
    public void setEmail(String value){
        this.email = value;
    }
    public void setAge(int value){
        this.age = value;
    }
    
    public String getUsername(){
        return username;
    }
    public String getEmai(){
        return email;
    }
    public int getAge(){
        return age;
    }
}

Sehingga File pada Explorer Seperti ini

30-01-2014 8-12-44

jalankan Dan Hasil output seperti dibawah ini

29-01-2014 15-42-37

29-01-2014 15-42-47

29-01-2014 15-42-54

(JavaEE)Implementasi JavaBeans pada JSP (Java Server Pages)

Setelah saya membaca beberapa kutipan dari oracle dan beberapa website mas eko, java Bean sangat banyak digunakan pada pemograman java yang berbasis PBO, kenapa kita harus menggunakan java bean? karena dengan menggunakan konsep bean kita dengan mudah membuat entitas yang akan kita panggil.

Kita langsung ke Lembar contoh

Create Project – Pilih Java Web

29-01-2014 15-09-06

Pilih server Apache Tomcat agar lebih mudah untuk menjalankannya

29-01-2014 15-09-19

Buat Package Pada Java Package dengan nama terseah agan dan create class

 /*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

package dede;

import java.util.Date;

/**
 *
 * @author Jarod United
 */
public class HelloBean implements java.io.Serializable {
         private String Param1;
    private Date param2 = new Date();
    
    public String getParam1(){
        return Param1;
    }
    public void setParam1(String param1){
        this.Param1 = param1;
    }
    
    public Date getParam2(){
        return param2;
    }
    
    public void setParam2(Date param2){
        this.param2 = param2;
    }
    
    public String toString(){
        return "SampleBean [param1=" + Param1 + ", param2=" + param2 + "]"; // tempat menampung data dari jsp

    }
}

Create File JSP

 <%-- 
    Document   : newjsp
    Created on : Jan 29, 2014, 3:00:24 PM
    Author     : Jarod United
--%>

<%@page language="java" contentType="text/html;charset=UTF-8" %>

<%@page import="dede.HelloBean"%>

<html>

<head>

    <title>Java Code Geeks Snippets - Use a Bean in JSP Page</title>

</head>

<body>

    <jsp:useBean id="sampleBean" class="dede.HelloBean" scope="session">

        <%-- intialize bean properties --%>

        <jsp:setProperty name="sampleBean" property="param1" value="value1" />

    </jsp:useBean>

    Sample Bean: <%= sampleBean %>

    <jsp:getProperty name="sampleBean" property="param1" />

    <jsp:getProperty name="sampleBean" property="param2" />

</body>
</html>

Maka Bentuk dari Project properties agan seperti ini

29-01-2014 15-16-44

Coba Dijalankan

29-01-2014 15-04-05

(JAVAEE)Pengenalan Java Bean

Java Beans adalah kelas POJO yang serializable (implements java.io.Serializable), kelas Java Beans memiliki default contructor (constructor tanpa parameter), atribut yang ada di Java Beans harus private dan diakses oleh metode getter dan setter. http://khannedy.com/category/java/

 /*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */

package dede;

import java.util.Date;

/**
 *
 * @author Jarod United
 */
public class HelloBean implements java.io.Serializable {
         private String Param1;
    private Date param2 = new Date();
    
    public String getParam1(){
        return Param1;
    }
    public void setParam1(String param1){
        this.Param1 = param1;
    }
    
    public Date getParam2(){
        return param2;
    }
    
    public void setParam2(Date param2){
        this.param2 = param2;
    }
    
    public String toString(){
        return "SampleBean [param1=" + Param1 + ", param2=" + param2 + "]";

    }
}

(WP8)Menggunakan Fasilitas Imaging SDK

Ketemu lagi dengan ane gan, Sebelumnya gimana cara menginstall Imaging SDK di Visual Studio, kali ini kita akan menggunakan Fasilitas Imaging SDK yang diberikan oleh Nokia. Kita disini hanya mengaktifkan Imaging SDK pada project yang kita buat. Lihat Langkah – Langkah di bawah ini :

Create Project Windows Phone 8 dengan nama Terserah Agan

28-01-2014 11-50-00

Buka Pada Banner Project Solution – Reference (Klik Kanann) – Pilih Management Nuget Packaget

28-01-2014 11-59-18

Pilih Nuget Images SDK

080213_0659_gettingstar7

Coba Jalankan Project agan pasti error nah ini kan errornya

080213_0659_gettingstar9

Nah gimana cara menghilangkan errot tersebut, kita tidak menggunakan ARM tetapi menggunakan x86 pilih pada menu Build – Configuration Manager

080213_0659_gettingstar10

Pada Pilihan Activity Solution Platform kita menggunakan x86

080213_0659_gettingstar11

Hapus bagian ARM dan tinggalkan yang x86

080213_0659_gettingstar13

Terus Jalankan Project agan… saran ane langsung jalankan ke device agan yang menggunakan OS WP8

Nah itu saja cara mengaktifkan Imaging SDK yang diberikan oleh Nokia, untuk postingan selanjutnya insya allah kita ketemu untuk pembuatan FIlter Efect… Salam Semangat…

(WP) Imaging SDK Nokia Developer

Siang agan agan dan igin ingin, sudah lama ya kita gak ketemu di blog annabe ini, banyak sekali cerita yang ingin di ceritakan, tetapi ane bingung mau awalnya dari mana, dari ini aja gan, cerita masalah tentang windows ingin menggunakan sistem operasi android di device, sebenarnya masalah untuk platform yang digunakan saat ini tidak terlalu berpengaruh, kita hanya seorang pengembang dan bagaimana kita mengembangkan sistem yang lagi marah di dunia, kalo masalah mengguntungkan menjadi pengembang itu sangat untung, kita hanya meluangkan waktu di depan laptop dan mengembangkan ide yang kita punya, modal ya hanya sempat sempatnya kita melulangkan waktu. The Nokia Imaging SDK makes some of the technologies that Nokia uses in its own imaging applications available to developers. It is a productive library for manipulating image data captured and stored by mobile devices in an efficient way. The features include decoding and encoding JPEG images, applying filters, cropping, rotating and resizing. The SDK provides more than 50 pre-made filters and effects that have been specifically developed for mobile imaging, with speed and memory performance as key drivers. The SDK is highly optimized to be super-fast by meticulous memory and code optimization. The patented JPEG technology, RAJPEG, contributes to making this possible, as it allows access to any image data without decoding the whole image. That means you can apply effects to high resolution images, without worrying about your memory budget.(https://www.nuget.org/packages/NokiaImagingSDK/) Nah dari pemaparan yang ane dapat dari web Nuget, ane pos nokia developer  ternyata web nya nuget, nuget bukan makanan sosis sonice ya, kalo dari yang ane liat ternyata Imaging SDK merupakan SDK pengembangan images yang di kembangkan oleh pihak Nuget, dan yang mensupport itu semua adalah Nokia. Banyak sekali pengembangan Imaging SDK, dari device nokia dan yang pastinya Nokia lumia, seperti Smile Detector, Edit Images dan lainnya, disini kita akan menggunaka bagaimana mengembangan Imaging SDK di visula Studio.

Buka Visual Studio 2012 yang sudah terinstall dengan Windows Phone Developer

Buka Tools – Extenstion and Update

21-01-2014 14-28-10

Serach Nokia

21-01-2014 14-40-23 21-01-2014 14-28-42

Insall

21-01-2014 14-40-23 Tunggu proses Instalasi selesai dan restar visual studio agan…. Kita Tunggu postingan berikutnya tentang pembuatan Imaging SDK….