SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

download SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

of 27

Transcript of SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    1/27

    SiyaBasScript

    Keheliya Bandara Gallaba

    Department of Computer Science and Engineering

    University of Moratuwa, Sri Lanka

    29/4/2010

    At CSE Symposium 2010

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    2/27

    Page 2

    Agenda

    What is SiyaBasScript?Why I made it? The story

    How I made it?

    Demonstration

    What it means to the World Wide Web

    Q&A

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    3/27

    Page 3

    What is SiyaBasScript?

    Mozilla Firefox and Google Chrome

    Extension

    for converting web sites with

    non-Unicode Sinhala fonts to Unicode

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    4/27

    Page 4

    SiyaBasScript

    The Story

    Note: The characters in this story are purely

    fictional. Any similarities between them and

    real individuals are purely coincidental.

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    5/27

    Page 5

    SiyaBasScript

    I'm John

    and

    I'm stubborn

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    6/27

    Page 6

    SiyaBasScript

    I'm Johnand

    I'm a web developer now

    and I don't care about

    Unicode

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    7/27

    Page 7

    Ends up with messages like...

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    8/27

    Page 8

    And gibberish like...

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    9/27

    Page 9

    The End

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    10/27

    Page 10

    How do they achieve this?

    @font-face {

    font-family: Wijeya;

    font-style: normal;

    font-weight: 700;

    src: url(../../../02\WIJEYA1.prf);

    }

    @font-face {

    font-family: IsiMalithi;font-style: normal;font-weight: normal;src: url(ISIWMAL0.eot);}

    @font-face {font-family: sandaru-n;font-style: normal;font-weight: normal;src: url(SANDARU0.eot);

    }

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    11/27

    Page 11

    Why is this bad?

    Reason 1:

    CSS stands for Cascading Style Sheets

    ...It is for styling, not to be misused in multilingual webpages

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    12/27

    Page 12

    You are lying to the browser...

    Lie to me

    ...and it causes Font Proliferation

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    13/27

    Page 13

    Why is this bad?

    Reason 2:

    Incompatibility Issues

    Web applications should be written for theweb

    not browsers

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    14/27

    Page 14

    Why is this bad?

    You can't restrict the reader to use a certain browser

    Internet ExplorerEmbedded OpenType fonts only!!!

    Mozilla FirefoxTrueType and OpenType fonts

    only!!!

    Safari (Webkit)TrueType and OpenType fonts

    only!!!

    OperaTrueType and OpenType fonts

    only!!!

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    15/27

    Page 15

    Why is this bad?

    Reason 3:

    Knowledge Representation issues

    ...searching, sorting and text processing impossible

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    16/27

    Page 16

    Unicode?

    The Unicode range for Sinhala is U+0D80U+0DFF.

    THE Big table of characters...

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    17/27

    Page 17

    What does this lead to?

    ...Confusion

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    18/27

    Page 18

    How can SiyaBasScript fix this?

    ...by converting web sites with

    non-Unicode Sinhala fonts to Unicode of course

    Demonstration

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    19/27

    Page 19

    How is it doing that?

    Detailed component architecture of Firefox

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    20/27

    Page 20

    How is it doing that?

    SiyaBasScript Extension How it is all connected...

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    21/27

    Page 21

    How is it doing that?

    SiyaBasScript Extension The Bigger Picture

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    22/27

    Page 22

    What does it mean to the World Wide Web?

    SiyaBasScript allows quoting, referencing and sharing of

    non-Unicode content via Unicode

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    23/27

    Page 23

    What does it mean to the World Wide Web?

    ....takes away the restrictions on which browser to use

    It makes all these sites work in IE, Firefox and Chrome...

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    24/27

    Page 24

    What does it mean to the World Wide Web?

    ...and SiyaBasScript gives the freedom back to the user

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    25/27

    Page 25

    To download...

    ...head over to

    http://code.google.com/p/siyabasscript

    OR

    http://userscripts.org/scripts/show/63613

    You can find me on

    twitter.com/keheliya

    galpotha.wordpress.com

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    26/27

    Page 26

    Questions

    You can find me on

    twitter.com/keheliya

    galpotha.wordpress.com

  • 8/7/2019 SiyaBasScript - CSE Symposium 2010 - Keheliya Gallaba

    27/27

    Page 27

    The End

    You can find me on

    twitter.com/keheliya

    galpotha wordpress com