Localization Michelle Johnston, Firebird Services Ltd.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

Directorate of Learning Resources Accessing electronic journals from off-campus This causes lots of headaches, but dont despair, heres how to do it! If.
Accessing electronic journals from off- campus This causes lots of headaches, but dont despair, heres how to do it! (Please note – this presentation is.
Document Design Principles WritePoint Ltd.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
National Center for Accessible Transportation Proposed Guidelines for Web Accessibility in the Travel Industry R.J. Zaworski, and K.M. Hunter-Zaworski,
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Web Accessibility Web Services Office of Communications.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Server-Side vs. Client-Side Scripting Languages
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Table, Forms, Metatags and Frames.
IWebFolio Using a Template Tutorial Images in this tutorial:
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Dynamic Web site With PHP and MySQL. MySQL The combination of MySQL database and PHP scripting language is optimum for building dynamic websites. MySQL.
Explaining the principles of web animation Gladys Nzita-Mak.
The Internet & The World Wide Web Notes
Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.
 What is web accessibility? ture=relatedhttp://
Cs413_design01.ppt Web Design vs. GUI Design Designing for the Web: the designer has to give up full control of the design In traditional design, you control.
Lecturer: Ghadah Aldehim
Web Design Scripting and the Web. Books on Scripting.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
The Characteristics of CSS
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
ArchForum Presentation The first multilingual, multimedia archeological web forum.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
Nevada County Human Services Agency Web-Based Community Resource Directory.
1 SEG3120 Analysis and Design for User Interfaces Flash Anis Zarrad Parallel Simulations and Distributed Systems (PARADISE) Research Laboratory SITE, University.
Publishing a Macromedia Flash Movie – Lesson 131 Publishing a Macromedia Flash Movie Lesson 13.
UNIT 12 SERVER SIDE OF A WEBSITE Cambridge Technicals.
MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
1 UNIT 15 Webpage Creator Lecturer: fadwa tlaelan.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
XP Tutorial 8 Adding Interactivity with ActionScript.
Content Management System/ Web Quality Initiative.
Our Services English and Spanish Translation Services Graphic and Logo Development Web Site Design and Consulting.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Reading Flash. Training target: Read the following reading materials and use the reading skills mentioned in the passages above. You may also choose some.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
INFO 330 Your Reverse Engineering Project. Steps 1.Choose a site 2.Dissect the site 1.Name the areas 2.Analyze the content 3.Model the info types from.
Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.
XP Tutorial 8 Adding Interactivity with ActionScript.
Accessible Information Viki Galt, Disability Information Officer University of Edinburgh.
COMP 143 Web Development with Adobe Dreamweaver CC.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Binary Representation in Text
Binary Representation in Text
Styles with Cascading Style Sheets (CSS)
Chapter A - Getting Started with Dreamweaver MX 2004
CHAPTER 8 Multimedia Authoring Tools
The Difference Between STATIC & DYNAMIC Websites
ITI 133 HTML5 Desktop and Mobile Level I
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Creating a Successful Web Presence
Unit 2 – Webpage Creation
Computer communications
Programming with Microsoft Visual Basic 2008 Fourth Edition
4.00 Apply procedures to add content by using Dreamweaver. (22%)
ASCII and Unicode.
Presentation transcript:

Localization Michelle Johnston, Firebird Services Ltd

What is Localization? It is NOT just translation It IS – Customising for culture – Customising for language – Customising for country It affects – Language – Design – Structure/Content

Text Localization Translate word for word? – Often does not work very well – Takes a lot of maintenance – Can allow for fast, generic translation Translate phrase for phrase? – Works much better than word for word – Can limit the size of the text substituted – Is a good compromise – Translation on the fly can be slow, do offline Translate text section for text section? – Seems very natural – May mean a bit of local customisation of design – Has to be done offline really

Text Localization Must take into account different sizes – Table properties – Textual graphics – Etc. Selection of text – Database driven (easier to update/change) – File driven (maintenance issues) – Directory structure driven (can be efficient) – Program driven (least efficient)

Organization

Managing Changes Allow a ‘super user’ per language to update? Allow a ‘super user’ per content type to update? Allow a ‘super user’ per locale to update? Update via database? Update a spreadsheet that is then used to update database? Replace files? Issues involved with each choice

Charset localization Same language in different countries – E.g Spanish in Spain, Portugal, Mexico etc. How to determine charset? – Browser setting? – PC setting? – Website choice that user has to make on seeing site? – Portals offer personalisation of charset – Which of the above overrides which?

Charset in Programming Various levels at which charset is set – HTML – Program on the server side – Database on the server side – Flash (ISO unless japanese) Benefits of using unicode? – Supports all charsets – Universally understood Disadvantages

Oddities Double byte translations Chinese/Japanese characters sometimes contract and sometimes expand the size of text translations Some languages (Hebrew) are written right to left and require special keyboards Be careful with special characters

Customization Issues Punctuation Dates Weights/measures Addresses Content Hardware/software Programming for customization Movies

Punctuation $ or £ Before or after the numeric? E.g 1000 FF Euros? Formats of phone numbers Formats of zip codes/postal codes

Dates Does 03/04/01 mean March 4, 2001, or April 3, 2001? Use a word/number combination system like 15-Feb-2001 to reduce ambiguity? International time zones and presentation formats. Be aware that many countries present time in 24-hour notation (23:15) Seasonal differences – New Year is not Jan 1 for Chinese

Weights/Measures Pounds or Kilos? Miles or Kilometres? Both?

Addresses Formats of zip codes/post codes Post code required? Some countries don’t have them State – required? Different name – region?

Content Avoid puns, humour, colloquialisms etc. as they don’t translate well

Hardware/software Mobile phones in Japan, PC in the US are the most commonly used devices for Internet access 14.4 modems still common in some countries

Customization Programming Server Side includes? – For sections of the page that are repeated on each page, but may be different by language Template driven? Directory structure driven? Config files?

Macromedia Movies System fonts and other text attributes Colour specs Any action script relevant to localization Info about animation Navigation and interactions

Macromedia Movies Sample Specification document: Localization_home.fla (Home page) Title text: 36 point Vonnes Bold - Extended (embedded static text) Body text: 14 point _sansNavigation buttons (created in Fireworks. FW_template_buttons.png: Template is provided) up state— 14 pt _sans. Hexadecimal value of #ff9900. Button effect-linear gradient, inner bevel. down state—12 pt _sans. Hexadecimal value of #FF3300. Button effect-linear gradient, inner bevel. Marker names: do not require localizationActionScript: does not require localizationScreen shots: user_interface.bmp requires replacement shot using the localized operating systemText on the Products layer is masked by the ProductsMask layer. Turn off the masking to edit the text.

The business side Ensure customer service staff have languages available to them – Linguistic staff – programs that accept foreign chars etc Form values can be submitted in English despite the captions on the screen to enable easier processing Site review by locals!

Semantics Colours mean different things to different cultures

.Net Localization System.Globalization.CultureInfo System.Globalization.Calendar System.Globalization.DateTimeFormatInfo System.Globalization.DaylightTime System.Globalization.GregorianCalendar System.Globalization.RegionInfo System.Globalization.SortKey