Interactive alignment of Parallel Texts a cross browser experience. (standards in practice)



Similar documents
GUI and Web Programming

Beginning Italian. Benvenuti!!!

Web Design Technology

Example. Represent this as XML

Whitepapers at Amikelive.com

Data integrity and data origin authentication

Maldives Pension Administration Office Republic of Maldives

ORGANISATION OF EASTERN CARIBBEAN STATES. Consultancy for Re-design of OECS Website

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0

Art of Code Front-end Web Development Training Program

Lucy Zhang UI Developer Contact:

CMSC434 TUTORIAL #3 HTML CSS JavaScript Jquery Ajax + Google AppEngine Mobile WebApp HTML5

3DHOP Local Setup. Lezione 14 Maggio 2015

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development

Platform Independent Mobile Application Development

WWW. World Wide Web Aka The Internet. dr. C. P. J. Koymans. Informatics Institute Universiteit van Amsterdam. November 30, 2007

Ajax: A New Approach to Web Applications

HTML5 - Key Feature of Responsive Web Design

Performance Testing for Ajax Applications

A History of Tcl in the Browser

place/business fetch details, removefromfavorite () function, 189 search button handler bind, B BlackBerry build environment

Position Paper: Toward a Mobile Rich Web Application Mobile AJAX and Mobile Web 2.0

Fusesix. Design Programming Development Marketing. Fusesix Web Services South Carolina, USA. Phone:

ICAWEB502A Create dynamic web pages

Credits: Some of the slides are based on material adapted from

Framework as a master tool in modern web development

Wildix Web API. Quick Guide

FOR THOSE WHO THINK PROFESSIONAL

Term Paper. P r o f. D r. E d u a r d H e i n d l. H o c h s c h u l e F u r t w a n g e n U n i v e r s i t y. P r e s e n t e d T o :

Cross Platform Applications with IBM Worklight

Introduction to web development

Web Apps The Next Generation

Internet Technologies_1. Doc. Ing. František Huňka, CSc.

Intershop 7 System Requirements Sheet

Christopher Zavatchen

XTM for Language Service Providers Explained

Team Members: Christopher Copper Philip Eittreim Jeremiah Jekich Andrew Reisdorph. Client: Brian Krzys

AlphaTrust PRONTO Enterprise Platform Product Overview

CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application

Web-Application Security

CiviMobile & CiviSync Mobile. Peter McAndrew Rohit Thakral

Volkov Vyacheslav. Summary. Saransk, , Mordovia, Russian Federation Moscow, Russian Federation +7(925) , +7(917)

Web Programming. Robert M. Dondero, Ph.D. Princeton University

Experimenting in the domain of RIA's and Web 2.0

Citrix StoreFront. Customizing the Receiver for Web User Interface Citrix. All rights reserved.

AJAX: Highly Interactive Web Applications. Jason Giglio.

PHP and MongoDB Web Development Beginners Guide by Rubayeet Islam

Client Side Cross Site Scripting

Deepak Patil (Technical Director) iasys Technologies Pvt. Ltd.

Load Testing Ajax Apps using head-less browser tools. NoVaTAIG April 13, 2011 Gopal Addada and Frank Hurley Cigital Inc.

Progressive Enhancement With GQuery and GWT. Ray Cromwell

Beginning Smartphone Web Development

Standards, Tools and Web 2.0

The presentation explains how to create and access the web services using the user interface. WebServices.ppt. Page 1 of 14

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy

Webucator Free Online Technology Training Courses

PROJECT MANAGEMENT SYSTEM

Wildix WebRTC Kite & MCU Videoconference. Quick Start Guide

The maturity level of APEX. Patrick Hellemans Competence Manager Technology

10CS73:Web Programming

Backbase Accessibility

This document is for informational purposes only. PowerMapper Software makes no warranties, express or implied in this document.

Fast track to HTML & CSS 101 (Web Design)

Release: 1. ICAWEB414A Design simple web page layouts

Up and Running with LabVIEW Web Services

From Desktop to Browser Platform: Office Application Suite with Ajax

HtmlUnit: An Efficient Approach to Testing Web Applications

Web Programming Step by Step

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

Rich Internet Applications

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Microsoft Dynamics NAV 2015 Hardware and Server Requirements. Microsoft Dynamics NAV Windows Client Requirements

Introduction to web development and JavaScript

Rich Internet Applications

Introducing Apache Pivot. Greg Brown, Todd Volkert 6/10/2010

Chapter 1. Introduction to web development

WHITE PAPER on Flex to HTML5 The Migration Challenge. April 2014

Daniele Mantovani. Summary. Specialties. Experience. Senior Software Engineer at IF Informatica

AJAX. Gregorio López López Juan Francisco López Panea

WEB DEVELOPMENT CAREERS WEB DEVELOPMENT WEB DEVELOPMENT STARTER PACK WEB DEVELOPMENT CAREERS

Information Technology Career Cluster Web Development Course Number: Course Standard 1

Cross Platform Applications with IBM Worklight

Software Requirements Specification For Real Estate Web Site

Rich Web Applications in Server-side Java without Plug-ins or JavaScript

Front-End Performance Testing and Optimization

TERMS OF REFERENCE. Revamping of GSS Website. GSS Information Technology Directorate Application and Database Section

Improving Magento Front-End Performance

A Model of the Operation of The Model-View- Controller Pattern in a Rails-Based Web Server

Mobile Cross Platform Development really? Jonathan Marshall, IBM Mobile Technical Specialist IBM Corporation

Transcription:

Interactive alignment of Parallel Texts a cross browser experience (standards in practice) Gavin Brelstaff (gjb@ crs4.it) CRS4 09010 Pula (CA) Sardinia, Italy Francesca Chessa University of Sassari, Italy Multilingual Web Workshop Pisa April 2011 MLW Pisa 2011 G.Brelstaff & F.Chessa 1

Introduction Alignment of parallel texts; multi-lingual; minority languages; poetry But why? Dante s was a minority language. MLW Pisa 2011 G.Brelstaff & F.Chessa 2

Think global, act local Think local, act global Genius loci the creative spirits of place geolocated. Minority language a seed-bed for poetic expression, beyond mere communication. He was the cat that walked by himself and all places were alike to him. Kipling Whenever we lose a language the genetic basis for such expression diminishes, globally MLW Pisa 2011 G.Brelstaff & F.Chessa 3

Echo Chamber Minority language Island language (song,verse,prose) MLW Pisa 2011 G.Brelstaff & F.Chessa 4

Echo Chamber in poet s head MLW Pisa 2011 G.Brelstaff & F.Chessa 5

Echo Chamber inside the head (ear,tongue,thought) MLW Pisa 2011 G.Brelstaff & F.Chessa 6

Echo Chamber inside the head (ear,tongue,thought, eye) Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita MLW Pisa 2011 G.Brelstaff & F.Chessa 7

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita Language Barrier MLW Pisa 2011 G.Brelstaff & F.Chessa 8

Cultural context A Cultural context B cf R.Jakobson diffusion diffusion diffusion diffusion Language Barrier MLW Pisa 2011 G.Brelstaff & F.Chessa 9

Minority language Global language cellular membrane diffusion diffusion osmosis diffusion diffusion diffusion Assist avoiding dilution, shrivelling, bursting. Language Barrier MLW Pisa 2011 G.Brelstaff & F.Chessa 10

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita Language Barrier MLW Pisa 2011 G.Brelstaff & F.Chessa 11

Translator Nel mezzo del Midway cammin this way di nostra of vita life, mi we re ritrovai per bound una upon selva I oscura woke ché up la and diritta via found myself era smarrita in a dark wood. Parallel text alignment to communicate semantics standards-based markup web delivery, cross-browser non-verbal interactvity beyond GoogleTranslate Midway this way Nel Nel mezzo del of life, we re cammin di nostra MLW Pisa 2011 G.Brelstaff & F.Chessa bound upon I vita mi ritrovai 12 per woke up and una selva oscura found myself in a ché la diritta via dark wood. era smarrita

Beyond GoogleTranslate: SMT not going to translate poetry well any time soon. We allow the translator to clarify by alignment Point-&-click interface to modify standard markup Colour-code: formal & dynamic equivalence [Nida-Taber] Demo Parallel text alignment web interface MLW Pisa 2011 G.Brelstaff & F.Chessa 13

Demo (a desktop browser: IE8-9,FF3-4,Opera11,Chrome,Safari) MLW Pisa 2011 G.Brelstaff & F.Chessa 14

Demo: selection by click MLW Pisa 2011 G.Brelstaff & F.Chessa 15

Demo: selection & alignment MLW Pisa 2011 G.Brelstaff & F.Chessa 16

Standards in practice http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t jquery XSL Javascript DOM Pros & Cons MLW Pisa 2011 G.Brelstaff & F.Chessa 17

http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t XSL jquery Javascript DOM Cons: #1 We can t interact directly with Semantics Browsers only bind events to XHTML (why not XML?) elements Incurs two degrees of messy indirection. MLW Pisa 2011 G.Brelstaff & F.Chessa 18

http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t XSL jquery Javascript DOM Cons: #2 w3crange is not road worthy. We resort to Click to Select Selection within words still lacking. MLW Pisa 2011 G.Brelstaff & F.Chessa 19

http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t jquery XSL Cons: #3 TEI-p5 must be subsetted to avoid overlapping markup Javascript DOM We prioritise alignment tags over {verse-line,paragraph} hierarchy. MLW Pisa 2011 G.Brelstaff & F.Chessa 20

http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t jquery XSL Pros: #1 Unicode in XML attributes permits our novel alignment scheme: Javascript DOM The verbatim source text is simply assigned as an attributed of an enclosing tag in the translated text MLW Pisa 2011 G.Brelstaff & F.Chessa 21

http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t XSL jquery Javascript DOM Pros: #2 CSS selection mechanism as embraced in jquery helps tame the complexity of cross-browser DOM programming. MLW Pisa 2011 G.Brelstaff & F.Chessa 22

http put exist XML db XQL REST/ajax XMLSchema Presentation Content Structure Semantics CSS XML TEI-p5 not RDF XHTML Unicode not w3crange I n t e r a c t XSL jquery Javascript DOM Pros: #3 RESTful archiving is a reality due to: Ajax in the browser Http PUT on the wire, & exist XML db on the server MLW Pisa 2011 G.Brelstaff & F.Chessa 23

Standards in practice Conclusion Cons Pros Can t bind to XML Unicode in attributes W3cRange not ready CSS&jQuery v. DOM Must subset TEI-p5 RESTful reality MLW Pisa 2011 G.Brelstaff & F.Chessa 24

Browser issues Opera: no transparent cursor in text Firefox: synchronous scoll down bug IE: onselectstart issue Google Chrome: run from disk fix Safari/Chrome/IE Form Enctype: validation MLW Pisa 2011 G.Brelstaff & F.Chessa 25

That s all folks: Gavin Brelstaff (gjb@ crs4.it) CRS4 09010 Pula (CA) Sardinia, Italy Francesca Chessa University of Sassari, Italy MLW Pisa 2011 G.Brelstaff & F.Chessa 26 L'Amor che move il sole e l'altre stelle