ipt2 user interface customization and locale translation
DESCRIPTION
IPT2 user interface customization and locale translation. Alan Yang, Kun Chi Lai, Jim Hsu. Biodiversity Research Center, Academia Sinica. Outline. User Interface Localization Attesoro http ://attesoro.org/download.html Customization Webpage customization - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/1.jpg)
IPT2 user interface customization and locale
translation
Alan Yang, Kun Chi Lai, Jim Hsu
Biodiversity Research Center, Academia Sinica
![Page 2: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/2.jpg)
http://taibif.tw 2
Outline• User Interface Localization
– Attesoro – http://attesoro.org/download.html
• Customization– Webpage customization– Extension customization (advanced users only)
![Page 3: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/3.jpg)
http://taibif.tw 3
Getting started• In the case of the IPT all text is kept in a single
property file, one for each language. The original is in English and you can translate it into another language.
![Page 4: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/4.jpg)
http://taibif.tw 4
Getting started• Download the English default properties file from
the gbif-ipt project site. http://gbif-providertoolkit.googlecode.com/svn/trunk/gbif-ipt/src/main/resources/ApplicationResources_en.properties
• Rename from “ ApplicationResources_en.properties “ to “ApplicationResources.properties”
![Page 5: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/5.jpg)
http://taibif.tw 5
Using Attesoro• Download Attesoro from
http://attesoro.org/download.html• Attesoro is a Java program. If you browse the
Internet, you probably have had the Java Virtual Machine installed on your PC; otherwise you can download it from :http://java.com/en/index.jsp.
• Once the Java Virtual Machine is installed, with most operating systems, you can run Attesoro by double clicking on its icon.
![Page 6: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/6.jpg)
http://taibif.tw 6
• select the File->Open menu item and open the ApplicationResources.properties file downloaded from the gbif-providertoolkit project site
Open default properties file
File Name:
File Type :
open cancel
![Page 7: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/7.jpg)
http://taibif.tw 7
Create your language file
To add a new locale select Locale/New in the Edit menu. Attesoro will display a list ofthe possible Locales.
![Page 8: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/8.jpg)
http://taibif.tw 8
Create your language file
submit cancel
![Page 9: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/9.jpg)
http://taibif.tw 9
• the list of locales
Create your language file
![Page 10: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/10.jpg)
http://taibif.tw 10
Translate text
Select a properties key
Default Text
![Page 11: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/11.jpg)
http://taibif.tw 11
Translate text
Enter or edit the value of the property in the text box
![Page 12: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/12.jpg)
http://taibif.tw 12
Save Translated File
![Page 13: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/13.jpg)
http://taibif.tw 13
Interface customization
![Page 14: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/14.jpg)
http://taibif.tw
Interface customization
![Page 15: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/15.jpg)
http://taibif.tw
• Step1: open the “\WEB-INF\pages\inc” folder under your IPT root folder; then open menu.ftl file.
• Step2: modify the source code, like below
<div style="position: absolute; right: 120px; top: 40px; width: 120px;"><a href="http://taibif.org.tw/ipt_apply/apply.php"><img src="http://taibif.org.tw/ipt/styles/getaccount.jpg"></a></div>
<div style="position: absolute; right: 15px; top: 40px; width: 100px;"><a href="http://taibif.tw/"><img src="http://taibif.org.tw/ipt/styles/taibif.jpg"></a></div>
![Page 16: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/16.jpg)
http://taibif.tw 16
Insert html code
![Page 17: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/17.jpg)
http://taibif.tw 17
The Canadensys repository is the first registered IPT in Canada and the first customized IPT in the world.
![Page 18: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/18.jpg)
http://taibif.tw
Advanced users• Requirements
– Java SE– Apache maven– TortoiseSVN
• Software development environment – Eclipse
• Download source code
Command-line access
svn checkout http://gbif-providertoolkit.googlecode.com/svn/trunk/ gbif-providertoolkit-read-only
![Page 19: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/19.jpg)
http://taibif.tw
Installing Maven• Add the bin directory to your PATH, eg:
– Windows 2000/XP – set PATH="c:\program files\apache-maven-3.0.x\
bin";%PATH%• Make sure JAVA_HOME is set to the location
of your JDK– JAVA_HOME – C:\Program Files\Java\jdk1.6.0_25\jre
![Page 20: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/20.jpg)
http://taibif.tw
Using Eclipse to import the IPT Source code
![Page 21: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/21.jpg)
http://taibif.tw
• Select the source code folder
![Page 22: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/22.jpg)
http://taibif.tw
![Page 23: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/23.jpg)
http://taibif.tw 23
![Page 24: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/24.jpg)
http://taibif.tw
Run the following command in a Terminal windowmvn clean //clean all cachemvn package //create a new war file
Before reinstalling the IPT, you have to backup your IPT Data folder.
![Page 25: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/25.jpg)
http://taibif.tw
![Page 26: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/26.jpg)
http://taibif.tw
![Page 27: IPT2 user interface customization and locale translation](https://reader035.vdocuments.us/reader035/viewer/2022062410/568161c0550346895dd1a0da/html5/thumbnails/27.jpg)
Thank You!
http://taibif.tw