Jual Xiaomi redmi 3 Clev Shop, 0856 498 40 327

8/18/2019 Jual Xiaomi redmi 3 Clev Shop, 0856 498 40 327

1/54

Cimande 2.0 Quick Start Guide

BAB I

CIMANDE 2.0 TOOLS


2/54

Tujuan

1. Mengetahui dan Memahami Eclipse IDE

2. Mengetahui dan Memahami M2Eclipse

. Mengetahui dan Memahami Subclipse

!. Mengetahui dan Memahami Apache Tomcat

". Mengetahui dan Memahami MySQL Query Browser

Materi #em$e%ajaran

1.1 Ec%i&'e IDE

Eclipse adalah sebuah IDE Integrated De!elopment En!ironment" untu#

mengembang#an perang#at luna# dan dapat di$alan#an di semua plat%orm platform-

independent "& Beri#ut ini adalah si%at dari Eclipse'

• Mu%ti ( &%at)*rm

Target sistem operasi Eclipse adalah Microsoft Windows, Linux, Solaris, AIX, HP-UX

dan Mac OS X

• Mu%it ( %an+ua+e

Eclipse di#embang#an dengan bahasa pemrograman (a!a) a#an tetapi Eclipse

mendu#ung pengembangan apli#asi berbasis bahasa pemrograman lainnya) seperti

!"") o#ol, P$%ton, Perl, PHP dan lain sebagainya

• Mu%ti ( r*%e

Selain sebagai IDE untu# pengembangan apli#asi) Eclipse pun bisa diguna#an untu#

a#ti!itas dalam si#lus pengembangan perang#at luna#) seperti do#umentasi) test

perang#at luna#) pengembangan web) dan lain sebagainya&

Eclipse pada saat ini merupa#an salah satu IDE %a!orit di#arena#an gratis dan open

source) yang berarti setiap orang boleh melihat #ode pemrograman perang#at luna# ini&

Selain itu #elebihan dari Eclipse yang membuatnya populer adalah #emampuannya untu#

Cimande 2.0 created by Meruvian Developer 2


3/54

dapat di#embang#an oleh pengguna dengan #omponen yang dinama#an plu&in' Macam *

macam plu&in yang tersedia di Eclipse '

– Sub!ersion

– m2eclipse

– +lass%ish Integration

– (boss Tools

– STS SpringSource Tool Suite"

– E+IT +it Eclipse ,lugin"

– Mercurial Eclipse Mercurial Eclipse ,lugin"

– -indows Builder

1.2 m2ec%i&'e

m2eclipse merupa#an plugin yang diguna#an $i#a #ita mengguna#an Ma(en sebagai

pro$ect managementnya& Ma!en merupa#an build tool) sama seperti Ant & .amun Ma!en lebih

#omple#s dan lebih besar dari Ant& Ma!en sangat bai# $i#a #ita membangun so%tware yangdi#er$a#an oleh beberapa orang&

1. Su$c%i&'e

Subclipse merupa#an plugin yang diguna#an untu# integrasi Eclipse dan Su#(ersion

lient & Sub!ersion S/." adalah sebuah so%tware opensource berguna sebagai !ersion

control& /ersion control sendiri merupa#an sebuah mana$emen perubahan pada dire#tori

maupun %ile& (adi pada dasarnya S/. mela#u#an mana$emen %ile dan dire#tori) mencatat

perubahan yang ter$adi padanya& 0al itu memung#in#an S/. untu# mengembali#an data

pada wa#tu tertentu) sesuai dengan history yang tercatat& Dengan S/. #ita dapat $uga

mengetahui perubahan1perubahan yang ter$adi pada data serta #apan perubahan itu ter$adi&



4/54

,ada dasarnya) ada 2 bagian penting dalam S/.) yaitu S/. lient dan S/.

3epository& S/. lient merupa#an so%tware yang diguna#an user untu# menga#ses

repository) sedang#an S/. repository sendiri merupa#an ser!er yang berisi data1data yang

dimanage& Segala perubahan terhadap data di repository dicatat oleh S/.& Dalam

mengguna#an S/. ini) data dalam repository dapat dicopy #e client agar user dapat

mengolah data tersebut secara lo#al) biasanya disebut “Checkout”& 4emudian data di lo#al

tersebut setelah diolah) dapat di#irim #embali #e repository untu# #eperluan !ersion control)

dan agar dapat dia#ses re#an #ita) biasanya disebut “Commit”&

1.! A&ac,e T*mcat

Apache Tomcat adalah we# ser(er yang dapat di$alan#an di banya# sistem operasi

)Unix, *S+, Linux, Microsoft Windows dan o(wll etware serta plat%orm lainnya yang

berguna untu# melayani dan mem%ungsi#an situs web

Apache memili#i %itur1%itur canggih seperti pesan #esalahan yang dapat di#on%igur)

autenti#asi berbasis basis data dan lain1lain& Apache $uga didu#ung oleh se$umlah antarmu#a

pengguna berbasis gra%i# ).UI yang memung#in#an penanganan ser!er men$adi mudah

1." M-SQL Quer- Br*'er

Database atau basis data adalah #umpulan in%ormasi yang disimpan di dalam

#omputer secara sistemati# sehingga dapat diperi#sa mengguna#an suatu program #omputer

untu# memperoleh in%ormasi dari basis data tersebut& ,erang#at luna# yang diguna#an untu#

mengelola dan memanggil 5uery database disebut sistem mana$emen basis datadatabase

management system) DBMS"

MySQL adalah sebuah perang#at luna# sistem mana$emen basis data SQL atauDBMS yang multithread dan multiuser serta di distribusi#an secara gratis dibawah lisensi

+,L +eneral ,ublic 3elease"& MySQL Query Browser adalah apli#asi untu# mengelola

database yang berbasis des#top& So%taware ini buatan mys5l&com yang bisa di download

secara gratis&



5/54


BAB II

INSTALASI TOOLS



6/54

Tujuan

1. Mengetahui dan Memahami Instalasi Eclipse Indigo 6&7

2. Mengetahui dan Memahami Instalasi m2eclipse

. Mengetahui dan Memahami Instalasi Subclipse

!. Mengetahui dan Memahami Instalasi Apache Tomcat 7&8&9:

". Mengetahui dan Memahami ,embuatan Database

Materi #em$e%ajaran

2.1 In'ta%a'i Ec%i&'e Indi+* ./

Eclipse Indigo 6&7 adalah Eclipse !ersi terbaru yang baru sa$a release di bulan (uni

2899 lalu& ,etun$u# untu# menginstal Eclipse Indigo 6&7 di ;buntu adalah sebagai beri#ut '

2.1.1 Download Eclipse Indigo di http://www.eclipse.or/downloads/ pilih eclipse Indigo

%or Linu< pada #ota# pilihan #anan atas) dan #li# Linu< 62 Bit

Cimande 2.0 created by Meruvian Developer !

http://www.eclipse.org/downloads/http://www.eclipse.org/downloads/


7/54

2.1.2 Download Lin# pada Eclipse downloads * mirror selection

2.1. Simpan %ile di dire#tori manapun

2.1.! (i#a %ile yang di download sudah complete) e


8/54

2.1." Eclipse Indigo a#an tampil dan pilih dimana anda a#an menempat#an metada

eclipse dengan cara #li# button browse

2.1. Eclipse Indigo siap diguna#an

2.2 In'ta%a'i M2Ec%i&'e

(i#a imande sebelumnya mengguna#an Ant sebagai Build Tool) namun di imande2&8 ini #ita mengguna#an Maven' ;ntu# men$alan#an Ma!en ini) Eclipse harus terinstal plugin

m2eclipe' ,etun$u# untu# menginstal m2eclipse adalah sebagai beri#ut '

Cimande 2.0 created by Meruvian Developer #


9/54

2.2.1 Instal plugin m2eclipse di Help → Install New Software

2.2.2 Te#an lin# Aai%a$%e S*)tare Site'

Cimande 2.0 created by Meruvian Developer $


10/54

2.2. Di A!ailable So%tware Sites te#an button Add

2.2.! Isi name dengan m2e u&date' dan isi Location dengan ;3L,tt&344d*n%*ad.ec%i&'e.*r+4tec,n*%*+-4m2e4re%ea'e'

2.2." Download Ma!en Integration %or Eclipse) select all #ota# pilihan = Ne5t

Cimande 2.0 created by Meruvian Developer %0

http://download.eclipse/http://download.eclipse/


11/54

2.2. Lihat Install Details = Ne5t

2.2./ Lihat Licenses) pilih radiobutton /I accept t$e terms of t$e license a&reement0 =

6ini',

Cimande 2.0 created by Meruvian Developer %%


12/54

2.2.7 ,ada Menu Bar pilih 8ind* 9 #re)erence' chec#list pilihan D*n%*ad

Arti)act S*urce' dan D*n%*ad Arti)act :aaD*c

2.2.; 3estart Eclipse

2. In'ta%a'i Su$c%i&'e

Instalasi Subclipse sangat dibutuh#an untu# memudah#an #ita dalam c$ec1 out dan

commit code #e S/.& ,etun$u# untu# menginstal subclipse adalah sebagai beri#ut '

2&6&9 Instal plugin subclipse di


13/54

2..2 Te#an lin# Aai%a$%e S*)tare Site'

2.. Di A!ailable So%tware Sites te#an button Add

2..! Isi name dengan Su$c%i&'e dan isi location dengan ;3L

http'>>subclipse&tigris&org>update?9&:&<


http://subclipse.tigris.org/update_1.6.xhttp://subclipse.tigris.org/update_1.6.x


14/54

2.." Download Subclipse) dengan select all #ota# pilihan = Ne5t

2.. Lihat Install Details = Ne5t

2../ Lihat Licenses) pilih radiobutton /I accept t$e terms of t$e license a&reement0 =

6ini',



15/54

2..7 ;ntu# memasti#an bahwa S/. telah terinstal) pada pilih -indow = ,re%erences

2..; 3estart Eclipse



16/54

2.! In'ta%a'i A&ac,e T*mcat /.0.1

;ntu# men$alan#an imande 2&8 ini) #ita $uga membutuh#an sebuah ser!er& ,etun$u#

untu# instalasi ser!er adalah sebagai beri#ut '

2.!.1 Download Apache Tomcat 7&8&9: !ersi tera#hir" di http'>>tomcat&apache&org>

2.!.2 Download Apache Tomcat %ile &@ip

Cimande 2.0 created by Meruvian Developer %!

http://tomcat.apache.org/http://tomcat.apache.org/


17/54

2.!. E


18/54

2.!. ari leta# apache1tomcat yang sudah di e


19/54

anda harus ha%al synta< untu# membuat database& Synta< nya cu#up sederhana) 3EATE

DATABASE nama?database dan di a#hiri tanda titi# #oma& (i#a anda ingin mengguna#an

MySQL Query Browser) i#uti petun$u# penginstalan dan pembuatan database beri#ut ini '

2.".1 ,ada menu bar) S-'tem 9 Admini'trati*n 9 S-na&tic #acka+e 9 Mana+er

2.".2 Instal dan download MySQL Query Browser

2.". (i#a su#ses instal dan downloadnya) ma#a secara otomatis a#an muncul di

A&&%icati*n 9 #r*+rammin+

Cimande 2.0 created by Meruvian Developer %$


20/54

2.".! De%ault u'ername 3 r**t dan &a''*rd 3 tu%a%it

2."." Buat database dengan cara #li# #anan = create schema



21/54


BAB III

Menja%ankan Cimande #r*ject


22/54

Tujuan

1. Mengetahui dan Memahami ,embuatan Ma!en ,ro$ect

2. Mengetahui dan Memahami +enerate Schema dengan Ma!en Build

Materi #em$e%ajaran

2. Menja%ankan Cimande #r*ject

Sebagai permulaan) #ita a#an membuat cimande pro$ect untu# menampil#an %orm

Admin imande) dengan lang#ah * lang#ah sebagai beri#ut '

2..1 Bu#a Eclipse Indigo) ubah pilihan (a!a EE men$adi (a!a pada #ota# #anan atas

2..2 Buat Ma!en pro$ect dengan cara !ile → New → "ther → Maven → #ro$ect



23/54

2.. Leta##an pro$ect yang a#an dibuat di dire#tori yang anda ingin#an) misalnya di

,*me4net*-a4*rk'&ace #emudian te#an Br*'e (= Ne5t

2..! ,ada #ota# isian %ilter) #eti##an *r+.$%ue*5-+en dan otomatis a#an tampil

cimande(arc,et-&e($%ank& Archetype adalah sebuah template untu#

membuatapli#asi dengan cimande



24/54

2.." Buat pac#age dengan mengisi .roupId dan Artifact & +roupId untu# mengisi

nama pac#age dan Arti%actId untu# mengisi nama pro$ect anda& Misalnya '

+roupId ' *r+.$%ue*5-+en

Arti%actId ' &er'*n

2.. Setelah dite#an %inish) secara otomatis Ma!en ,ro$ect yang #ita buat telah

tersimpan di directori) dan untu# menampil#annya #embali te#an

!ile %& Import %& Maven %& Maven 'istin( #ro$ect %& Net



25/54

2../ Tampil#an Ma!en ,ro$ect yang telah dibuat dengan cara te#an Browse

2..7 Setelah pro$ectnya tampil di Eclipse) #ita perlu #on%igurasi database pada

pac#age 'rc4main4re'*urce (= ,i$ernate.&r*&ertie' ubah database sesuai

dengan database yang anda buat



26/54

2..; +enerate table schema dengan k%ik kanan &r*ject (= >un A' (= Maen Bui%d

Isi +oals dengan perintah ,i$ernate3,$m2dd%

2..10 ;ntu# mengimport data table nya #edalam database guna#an perintah

initia%i?e d$unit3*&erati*n

Cimande 2.0 created by Meruvian Developer 2!


27/54

2..11 Start Ser!er

2..12 Bu#a web browser dan #eti#an url localhost'88>cimande untu# masu# #e

Blueo


28/54


BAB I@

C>D CIMANDE 2.0


29/54

Tujuan

9& Mengetahui dan Memahami ,ro$ect imande

2& Mengetahui dan Memahami ,rinsip 4er$a 3EST

6& Mengimplementasi#an 3;D dalam ,ro$ect imande

Materi #em$e%ajaran

!.1 C>D Oerie

Modul ini a#an men$elas#an bagaimana membuat sebuah apli#asi dengan

implementasi 3;D reate) 3ead) ;pdate and Delete" yang lebih umum dapat di#ata#an

membuat apli#asi untu# membuat content baru) mela#u#an search>pencarian) mela#u#an

pengeditan data) serta menghapus data& Adapun mapping standar setiap ) 3) ; dan D

adalah dengan mela#u#an data %low mapping dari database #e /elocity sesuai dengan

gambar beri#u '

!.2 #em$uatan #acka+e

Dalam implementasi imande 3;D 2&8 #ali ini #ita tida# mengguna#an contoh Item1

ategory lagi) namun #ita a#an membuat %orm untu# pengisian #eterangan diri seseorang&

Setelah membuat Ma!en pro$ect dan mengimportnya #e Eclipse pada BAB sebelumnya)

se#arang #ita perlu membuat pac#age * pac#age sebagai tempat #ita meleta##an $a!a class&

Cimande 2.0 created by Meruvian Developer 2$


30/54

Buat pac#age di dalam pac#age *r+.$%ue*5-+en yaitu pac#age entit) , *ao,

service, dan controller' Cungsi pembuatan pac#age * pac#age tersebut adalah sebagai

beri#ut '

• ,ac#age *r+.$%ue*5-+en.entit-

,ac#age ini berisi entit% class yang ber%ungsi sebagai penghubung %ramewor# dengan

database& ,embuatan table dan semua !ariabel yang a#an ditampil#an dalam

database di de#larasi#an disini

• ,ac#age *r+.$%ue*5-+en.da*

Data Access b$ect DA" merupa#an sebuah ob$ect yang menyedia#an sebuah

abstract inter%ace terhadap beberapa database atau me#anisme persistence)menyedia#an beberapa operasi tertentu tanpa menge#spos detail database&

,enerapan #onsep ini sering disebut dengan separation o% concerndimana& Setiap

#ode dipisah#an berdasar#an %ungsinya sehingga #ode diatasnya hanya perlu

mengetahui secara abstra# cara menga#ses data tanpa perlu mengetahui bagaimana

a#ses #e sumber data diimplementasi#an

• ,ac#age *r+.$%ue*5-+en.'erice

Cacade merupa#an sebuah ob$e# yang ber%ungsi untu# menyederhana#an #umpulan

#ode besar seperti library& Dalam #asus database #ita dapat mengguna#an %acade

untu# mengelompo##an beberapa DA dalam sebuah transa#si

• ,ac#age *r+.$%ue*5-+en.c*ntr*%%er

ontroller adalah sebuah la%er yang be#er$a untu# mengatur urusan /antar la%er0,

yang artinya bertanggung $awab terhadap e#se#usi apli#asi



31/54

!. #em$uatan :aa C%a''

,embuatan class disimpan di dalam pac#age 'rc4main4jaa

!..1 Buat class ,erson&$a!a di pac#age org&blueo


32/54

}

public void setFname(String fname) {this.fname = fname;

}

public String getLname() {return lname;

}

public void setLname(String lname) {this.lname = lname;

}

public String getSex() {return sex;

}

public void setSex(String sex) {this.sex = sex;

}

public Date getBirthdate() {

return birthdate;}

public void setBirthdate(Date birthdate) {this.birthdate = birthdate;

}

public String getAddress() {return address;

}

public void setAddress(String address) {this.address = address;

}

public String getCity() {

return city;}

public void setCity(String city) {this.city = city;

}

public String getCountry() {return country;

}

public void setCountry(String country) {this.country = country;

}

public String getEmail() {

return email;}

public void setEmail(String email) {this.email = email;

}

public String getPhone() {return phone;

}



33/54

public void setPhone(String phone) {this.phone = phone;

}

}

!..2 Buat class ,ersonDao&$a!a di pac#age org&blueo


34/54

Criteria criteria = sessionFactory.getCurrentSession().createCriteria(Person.class);

criteria.add(Restrictions. like("fname", fname, MatchMode. ANYWHERE));criteria.add(Restrictions. like("lname", lname, MatchMode. ANYWHERE));

return criteria;}

private void createPerson(Person person) {User user = getCurrentUser();LogInformation logInformation = new LogInformation();logInformation.setCreateBy(user.getId());logInformation.setCreateDate(getCurretTime());logInformation.setLastUpdateBy(user.getId());logInformation.setLastUpdateDate(getCurretTime());

person.setId(null);person.setLogInformation(logInformation);

persist(person);}

}

!.. Buat class ,ersonSer!ice&$a!a di pac#age org&blueo


35/54

public interface PersonService {void savePerson(Person person);

void deletePerson(Person person);

Person getPersonById(String id);

long getPersonCount(String fname, String lname);

List getPersonList(String fname, String lname, int limit, int page);}

!.." Buat class ,ersonontroller&$a!a di pac#age org&blueo


36/54

model.put("person", personService.getPersonById(person.getId() + ""));

// model.put("itemCategorys", itemCategoryService.getAllItemCategory());return INPUT;

}

// DELETE /module/person/edit/{id}public String personDelete() {

personService.deletePerson(personService.getPersonById(person.getId()));

return SUCCESS;}

// POST/GET /module/person/filterpublic String filter() {

try {limit = model.get("rows") == null ? 0 : new Integer(model.get(

"rows").toString());page = model.get("page") == null ? 0 : new Integer(model

.get("page").toString());} catch (NumberFormatException e) {

e.printStackTrace();

}

if (limit == 0 && page == 0) {limit = 10;page = 1;

}

model.put("rows", limit);model.put("page", page);

int count = (int) personService.getPersonCount("", "");int total = count / limit;if (total % limit > 0)

total++;

System.out.println();model.put("persons", personService.getPersonList("", "", limit, page));

if (total == 0)total++;

model.put("total", total);model.put("records", total);

return SUCCESS;}

}



37/54

!.! #em$uatan @ie atau Tam&i%an

,embuatan #ode untu# !iew atau tampilan di simpan di dalam pac#age

src+main+resources+mo*ule+template+person

!.!.1 Buat !iew person1create&!m

Kalender

$(document).ready(function(){$("#tanggal").datepicker({showOn: "both", buttonImage: "images/calendar.png", buttonImageOnly: true, nextText: "",

prevText: "", changeMonth: true, changeYear: true, dateFormat: "dd-mm-yy"});

});

#sjhead("ajaxcache=true" "jquerytheme=smoothness" "loadFromGoogle=false""jqueryui=true")#shead

#stextfield("name=person.fname" "size=25" "label=First Name")

#stextfield("name=person.lname" "size=25" "label=Last Name")

Sex

Male

Female

BirthDate

Address

Cimande 2.0 created by Meruvian Developer 3"


38/54

$!person.address

#stextfield("name=person.city" "size=25" "label=City")

#stextfield("name=person.country" "size=25" "label=Country")

#stextfield("name=person.email" "size=25" "label=Email")

#stextfield("name=person.phone" "size=25" "label=Phone")

!.!.2 Buat !iew person1grid1list&!m

Kalender

$(document).ready(function(){$("#tanggal").datepicker({showOn: "both", buttonImage: "images/calendar.png", buttonImageOnly: true,nextText: "", prevText: "", changeMonth: true, changeYear: true, dateFormat: "dd-mm-yy"});});

#sjhead("ajaxcache=true" "jquerytheme=smoothness" "loadFromGoogle=false"

"jqueryui=true")#shead

#stextfield("name=person.fname" "size=25" "label=First Name")

Cimande 2.0 created by Meruvian Developer 3#


39/54

#stextfield("name=person.lname" "size=25" "label=Last Name")

Sex

Male

Female

BirthDate

Address $!person.address

#stextfield("name=person.city" "size=25" "label=City")

#stextfield("name=person.country" "size=25" "label=Country")

#stextfield("name=person.email" "size=25" "label=Email")

#stextfield("name=person.phone" "size=25" "label=Phone")

!.!. Buat !iew person1list&!m

#sjhead("ajaxcache=true" "jquerytheme=smoothness" "loadFromGoogle=false" "jqueryui=true")#shead

NoFirst Name



40/54

Last NameSex

BirthDateAddressCityCountryEmailPhoneAction

#set($no=0)#foreach($i in $persons)#set($no=$no+1)

$no$!i.fname$!i.lname$!i.sex$!i.birthdate$!i.address$!i.city$!i.country$!i.email

$!i.phone

Edit

Delete

#end

#set($Integer = 0)#set($total = $Integer.parseInt($total))#set($limit = $Integer.parseInt($limit))#set($page = $Integer.parseInt($page))#set($totalpage = $total / $limit)#if($total % 10 > 0)

#set($totalpage = $totalpage + 1)#end

#if($page != 1)#set($page = $page - 1)Previous#end#if($page != $totalpage)#set($page = $page + 1)Next#end

$(function() {

$('a.delete').click(function() {jQuery.ajax({

type : 'DELETE',url : '#surl("value=/module/person/edit/")' + $

(this).attr('href'),success : function(data) {

window.location.reload(true);},error : function() {

alert('error');



41/54

}});

return false;});

});

!." #em$uatan A%ur Data A&%ika'i

!.".1 Mapping Entity di src>main>resources>cimande1struts1e


42/54

/module/template/person/person-create.vm

/module/person/filter

!.". Start Ser!er

!. Cimande BackEnd

Bu#a web browser dan #eti#an url http'>>localhost'99>person> & 4emudian login

dengan username ' admin) password ' $%ue*5-+en untu# membuat module) user manager)

beserta securitynya


http://localhost:8181/person/http://localhost:8181/person/


43/54

Ada beberapa hal yang perlu diperhati#an di dalam imande Bac#End) diantaranya

adalah '

• Site Manager

1 Descriptor Manager ' Descriptor

1 Module Manager ' Module Cunction

3ole Manager

3ole ,ri!ilage

3ole Site ,ri!ilage

1 Multi Site ' Site

1 ;ser Management ' ompany

(ob ,osition ;ser Manger

• -or#%low Designer ' -C 3ole



44/54

!..1 De'cri&t*r Mana+er

Descriptor diguna#an untu# otomatisasi action new dan searc$ yang a#an

die#se#usi berdasar#an namespace yang di de#larasi#an dalam cimande-

struts-example'xml

Mem$uat De'cri&t*r #er'*n 3

9& .ame ' person

2& Description ' ,erson

!..2 M*du%e 6uncti*n

Module Cunction diguna#an untu# membuat Menu Dinamis& Menu utama

mengguna#an t$read master id masterF sedang#an submenu mengguna#an

t$read master id menu utama > menu diatasnya& (i#a di#ehenda#i sebuah menu

menge#se#usi sebuah action new ! searc$, ma#a tambah#an descriptor

berdasar#an descriptor yang dibuat



45/54

Mem$uat M*du%e 6uncti*n #er'*n 3

9& .ame ' md?person


6& Thread Master Id ' Master

& Descriptor ' person

!.. Site

Diguna#an untu# membuat site yang nantinya diguna#an untu# memisah#an

site masing * masing role yang dibuat

Mem$uat Site #er'*n 3

9& .ame ' person?site

2& Description ' ,erson Site

6& -or#space Type ' tree



46/54

!..! 86 >*%e

Diguna#an untu# memuat role yang nantinya diguna#an untu# membeda#an

ha# a#ses dari masing * masing user yang diregistrasi#an di dalam %ramewor#

cimande

Mem$uat >*%e #er'*n 3

9& .ame ' person


. -or#space Type ' tree



47/54

!.." >*%e Mana+er

Diguna#an untu# menentu#an site dari role yang telah dibuat& 0al ini bertu$uan

untu# memisah#an dan memilah menu yang tersedia untu# masing * masing

role yang berbeda

Mem$uat >*%e Mana+er #er'*n 3

Masu# #e dalam module function person yang ada di role manager) #emudian

tambah#an site person2site dengan cara te#an (iew site 3 su#mit

Cimande 2.0 created by Meruvian Developer 4"


48/54

!.." >*%e #rii%a+e

Diguna#an untu# menentu#an menu yang disedia#an untu# role terpilih

berdasar#an Module 4unction yang telah dibuat

Mem$uat >*%e #rii%a+e #er'*n 3

Masu# #e dalam module function person yang ada di role pri(ila&e) #emudian

tambah#an module %unction md2person dengan cara te#an (iew site 3 su#mit

Cimande 2.0 created by Meruvian Developer 4#


49/54

!.. >*%e Site #rii%a+e

Diguna#an untu# menentu#an atau menambah#an menu module %unction"

berdasar#an role pri(ila&e yang telah dibentu# meru$u# pada site sesuai dengan

role



50/54

Mem$uat >*%e Site #rii%a+e #er'*n 3

Masu# #e dalam module function person dan site person yang ada di role

pri(ila&e) #emudian tambah#an module %unction md2person dengan cara te#an

(iew site 3 su#mit



51/54

!../ 'er Mana+er

Diguna#an untu# registrasi user #e dalam %ramewor# cimande & 3egistrasi ini

diguna#an untu# user yang ber#epentingan di dalam apli#asi yang a#an

dibentu# mengguna#an %ramewor# cimande&

Mem$uat 'er Mana+er #er'*n 3

9& Login ' person

2& ,assword ' person

6& on%irm ,assword ' person

& Cirst .ame ' ,erson

G& ompany ' Blueo


52/54

!./


53/54

!./.1 C>EATE

,ilih menu new untu# menampil#an %orm pengisian data diri

!./.2 >EAD

(i#a button sa!e dite#an) ma#a data yang telah di input#an a#an di tampil#an



54/54

!./. #DATE

,ilih menu searc$ untu# menampil#an semua data yang pernah di input#an&

(i#a ingin mengupdate data) #li# salah satu data yang a#an di edit dan otomatis

%orm a#an pindah #e %orm create

Jual Xiaomi redmi 3 Clev Shop, 0856 498 40 327

Documents

Transcript of Jual Xiaomi redmi 3 Clev Shop, 0856 498 40 327