hasin: bangla input manager jquery plugin

21
From Big-Bang to Area51

Upload: sqabd

Post on 29-Nov-2014

2.805 views

Category:

Documents


6 download

DESCRIPTION

SQABD Lightning Talks 4www.sqabd.com

TRANSCRIPT

From Big-Bang to Area51

� 2001, we created a VBA based project to let

you type phonetically, in Microsoft Word

We used inter-process communication to � We used inter-process communication to

protect our intelligent property

� We sold it for 300K BDT ☺

� Bijoy

� Probartan

� Alpona

Proshika� Proshika

� Avro

� SCIM based solutions

� You need to install them in your machine!

� They are open source and cost nothing at all

� Easy to integrate in your web apps

� Visitors can type in Bangla Instantly in their

favorite method without installing favorite method without installing

ANYTHING!

� Bangla Dictionary and Bangla Emailer

� Ascii Based

� GD and Freetype used for Rendering Bangla

textstexts

� Mainly Internet Explorer based

� Introduced an improved version of Unijoy

� Still ascii based, used WEFT to embed the

font

Internet Explorer, Opera and Firefox

� Internet Explorer, Opera and Firefox

compatible.

� The year of phonetic

� You type Amar Desh BanglaDesh� You see ���� �◌�� ������

� Unfortunately, Still Ascii

� We converted all input scripts (phonetic and

unijoy) to unicode version

Released under LGPL� Released under LGPL

� Now you can embed these scripts anywhere,

anytime…

� ASCII

� � �� �� ���, �� �◌���� wK Lei fvwMbv, AvQ ‡Kgb?� wK Lei fvwMbv, AvQ ‡Kgb?

� Unicode

� � ���, ������ � ���, �����

� Four input methods (Unijoy, Phonetic,

Inscript and Probhat)

� Sized from 11-14 KB

Redundant helper routines� Redundant helper routines

� Complex event management

� Hard to extend or fix a bug

� Works very good ☺

� <input type=‘text’ id=‘bangla’/>

� <script src=‘phonetic.js’></script>

� <script type=‘text/javascript’>

▪ makePhoneticEditor('bangla');

▪ //element id� </script>

� Everything is managed by a central input

manager

� All input processor (drivers) are working as

adapteradapter

� Event is managed by IM

� IM invokes the driver callback routine for

special key-processing

� Renders the output

� InputManager is now only 5 KB

� Phonetic Driver is 3.5 KB, Unijoy is 2.5 KB,

Probhat is also 2.5 KB

� And that’s without any compression!

� <input type=‘text’ class=‘bangla’/>

� <script src=‘jquery.js’></script>� <script src=‘bim.js’></script>� <script src=‘bim.js’></script>� <script src=‘driver.phonetic.js’></script>

� <script type=‘text/javascript’>

$(".bangla").bnKb()� </script>

� <script type=‘text/javascript’>

$(".bangla").bnKb(

'switchkey': 'y', 'switchkey': 'y',

'driver': phonetic

)

� </script>

� Robust, Lightweight and Cross browser

compatible

� Smart event management

Huge community

� Huge community

� Excellent plugin architecture

� Almost all major bangla blogging platform

� Newspapers

� Individual Wordpress users

Almost all major bangla forums � Almost all major bangla forums

� Virtual

Keyboard

� Firefox� Firefox

Extension

� TinyMCE

Plugin

� Hasin Hayder

� Omi Azad

� Manchu Mahara (A.K.A Sabuj Kundu)

� Manchu Mahara (A.K.A Sabuj Kundu)

� Ekushey.org

� You have 5-10 minutes!! – lets rock-n-roll