openmeetings-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Maxim Solodovnik <solomax...@gmail.com>
Subject Re: GSOC: Need to implement HTML5 whiteboard
Date Sat, 23 Mar 2013 16:49:45 GMT
I'll add synchronization, I just need all necessary data in java method
(wrapped into CircleEvent, LineEvent etc.)
Please also NOTE there should be possible to have read-only mode for
whiteboard: user can not draw but can see other people drawings in realtime.


On Sat, Mar 23, 2013 at 11:21 PM, Andun Sameera <andunslg@gmail.com> wrote:

> Hi Maxim,
>
> Thank you for highlighting this important point(About Synchronizing
> drawing with all the viewers of Whiteboard) which I should know. I
> will point out the things which I understood for verification,
>
> - Whiteboard component have functionalities like draw Circle ,Line etc.
> - There should be methods like onCircleDraw/onLineDraw etc. which will
> be executed after each particular event happens.
> - The user of the Whiteboard component can use these functions for a
> task by overriding them or can leave them.
> - Here in this particular scenario in OpenMeetings, we have to
> implement a logic in these functions to sync drawing with viewers.
>
> I am bit confused on the last point. What can be useful technologies
> to do this drawing synchronization? Is there a implementation in
> current Flash/Openlaszlo, which I can refer ? I am new to that area
> and have no clue.
>
> Thank You!
>
> Regards
>
> Andun S.L. Gunawardana
> Undergraduate
> Department of Computer Science And Engineering
> University of Moratuwa, Sri Lanka
>
> Linked In - http://lk.linkedin.com/pub/andun-s-l-gunawardana/34/646/703/
> Blog - http://www.insightforfuture.blogspot.com/
>
> On Sat, Mar 23, 2013 at 8:22 PM, Maxim Solodovnik <solomax666@gmail.com>
> wrote:
> >
> > Hello Andun,
> >
> > I'll try to answer some of your questions:
> > my idea was
> > 1) full featuring JS module: jquery.whiteboard.js able to do all
> drawings necessary (the best if it can do some other things like put images
> on desktop etc.)
> > 2) Wicket component looking as whiteboard :) with event handlers like:
> line/circle/curve coordinates etc. so we can synchronize whiteboards of all
> room users
> >
> > good example is: wicket-jquery-ui-dialog:
> >
> > so you can write something like:
> >
> > Whiteboard w = new Whiteboard("wb") {
> >      public onCircle(CircleEvent evt, AjaxRequestTarget target) {
> >             //handle circle creation here
> >      }
> >
> > ....... etc.
> >
> > }
> >
> > please let me know if you have further questions
> >
> >
> > On Sat, Mar 23, 2013 at 9:22 PM, Andun Sameera <andunslg@gmail.com>
> wrote:
> >>
> >> Hi Alexi,
> >>
> >> It is MIT. Maxim has mentioned that it is compatible with Openmeetins.
> >>
> >> Thanks!
> >> Andun
> >>
> >> On Mar 23, 2013 7:47 PM, "Alexei Fedotov" <alexei.fedotov@gmail.com>
> wrote:
> >>>
> >>> Excuse my mobile and thus non-omniscent presence. What is KinectJS
> license?
> >>>
> >>> 23.03.2013 11:01 пользователь "Andun Sameera" <andunslg@gmail.com>
> написал:
> >>>>
> >>>> Hi All,
> >>>>
> >>>> I like to add another question! I have further developed my sample app
> >>>> with Wickets/KineticJS library to draw shapes etc. I have attached a
> >>>> screen shot of that here with. The point where I got confused is this,
> >>>>
> >>>> Doing some reading about KineticJS library, I found that all of the
> >>>> Whiteboard functionalities can be implemented using that some how. But
> >>>> most of the core functionality of that implementation comes from
> >>>> JavaScript. The involvement of Wickets Java based HTML is less. Only
> >>>> thing Wickets do is loading the script and some div tags in to the
> >>>> page. After that all the execution goes via JavaScript.(Basically in
> >>>> the example https://github.com/sebfz1/wicket-jquery-ui most of the
> >>>> coded are coming from Wickets Java based implementation. In the HTML
> >>>> only thing it do is loading the Wicket Java file.) So it is normal ?
> >>>> Or do I have to take a another approach to think about this?
> >>>>
> >>>> Thank You!
> >>>>
> >>>> Regards
> >>>>
> >>>> Andun S.L. Gunawardana
> >>>> Undergraduate
> >>>> Department of Computer Science And Engineering
> >>>> University of Moratuwa, Sri Lanka
> >>>>
> >>>> Linked In -
> http://lk.linkedin.com/pub/andun-s-l-gunawardana/34/646/703/
> >>>> Blog - http://www.insightforfuture.blogspot.com/
> >>>>
> >>>>
> >>>> On Fri, Mar 22, 2013 at 10:38 PM, Andun Sameera <andunslg@gmail.com>
> wrote:
> >>>> > Hi All,
> >>>> >
> >>>> > After reading some material on Apache Wickets/KineticJS I have
> created
> >>>> > a small webapp. In that we can draw rectangles on a fixed area.
I
> have
> >>>> > attached the source code and a screen-shot of that with this mail.
> >>>> >
> >>>> > But I have some queries which need some clarification. I have looked
> >>>> > at the https://github.com/sebfz1/wicket-jquery-ui which Maxim gave
> me
> >>>> > as a example to create the new Standalone Whiteboard Component.
> What I
> >>>> > understood after looking at that is,
> >>>> >
> >>>> > -There are a separate modules which holds some functionalities
to
> add
> >>>> > a Calender,JQuery UI kind of thing to a Wicket page.
> >>>> > -The sample site is built using that modules.
> >>>> >
> >>>> > So in our Whiteboard implementation, what we have to do is create
> such
> >>>> > a module where it can be used to put a Whiteboard to a Wickets
page.
> >>>> > Did I interpret the requirement correctly ?
> >>>> >
> >>>> > Also here in my sample app, I have put all the JavaScript deals
to
> the
> >>>> > HTML in the usual way to test purpose. But planning to change that
> to
> >>>> > a generic way, which can be further developed to a Standalone Wicket
> >>>> > Component.
> >>>> >
> >>>> > Thank You!
> >>>> >
> >>>> > Regards
> >>>> >
> >>>> > Andun S.L. Gunawardana
> >>>> > Undergraduate
> >>>> > Department of Computer Science And Engineering
> >>>> > University of Moratuwa, Sri Lanka
> >>>> >
> >>>> > Linked In -
> http://lk.linkedin.com/pub/andun-s-l-gunawardana/34/646/703/
> >>>> > Blog - http://www.insightforfuture.blogspot.com/
> >>>> >
> >>>> >
> >>>> > On Thu, Mar 21, 2013 at 11:43 AM, Andun Sameera <andunslg@gmail.com>
> wrote:
> >>>> >>
> >>>> >> Hi All,
> >>>> >>
> >>>> >> I got the point which you are highlighting. So what I have
to do
> is this,
> >>>> >>
> >>>> >> Do experiments with Wickets,HTML5, JQuery Libraries and find
a way
> to
> >>>> >> implement the Whiteboard.
> >>>> >> Follow the best practices to make this implementation a modularised
> >>>> >> one, which will exposes Whiteboard via a API.
> >>>> >>
> >>>> >> Thank You!
> >>>> >>
> >>>> >> Regards
> >>>> >>
> >>>> >> Andun S.L. Gunawardana
> >>>> >> Undergraduate
> >>>> >> Department of Computer Science And Engineering
> >>>> >> University of Moratuwa, Sri Lanka
> >>>> >>
> >>>> >> Linked In -
> http://lk.linkedin.com/pub/andun-s-l-gunawardana/34/646/703/
> >>>> >> Blog - http://www.insightforfuture.blogspot.com/
> >>>> >>
> >>>> >> On Thu, Mar 21, 2013 at 11:30 AM, Maxim Solodovnik <
> solomax666@gmail.com> wrote:
> >>>> >> >
> >>>> >> > Here is the example of wrapping jQuery UI and fullcalendar
into
> Wicket
> >>>> >> > component
> >>>> >> >
> >>>> >> > https://github.com/sebfz1/wicket-jquery-ui
> >>>> >> >
> >>>> >> >
> >>>> >> > On Thu, Mar 21, 2013 at 12:58 PM, Maxim Solodovnik <
> solomax666@gmail.com>wrote:
> >>>> >> >
> >>>> >> > > So it should be APL/GPLv3/MIT licenced jQuery based
library
> with all
> >>>> >> > > necessary handlers wrapped with Wicket component/behavior.
> >>>> >> > >
> >>>> >> > >
> >>>> >> > > On Thu, Mar 21, 2013 at 12:56 PM, Alexei Fedotov
<
> alexei.fedotov@gmail.com
> >>>> >> > > > wrote:
> >>>> >> > >
> >>>> >> > >> Perfectly right!
> >>>> >> > >> 21.03.2013 9:42 пользователь "Andun
Sameera" <
> andunslg@gmail.com>
> >>>> >> > >> написал:
> >>>> >> > >>
> >>>> >> > >>>  Hi Alexei,
> >>>> >> > >>>
> >>>> >> > >>> What I understood from your comment is this,
> >>>> >> > >>>
> >>>> >> > >>>    - Currently the Whiteboard component is
tightly coupled
> with the Room
> >>>> >> > >>>
> >>>> >> > >>>    components etc. And that is not good.
> >>>> >> > >>>    - So we have to focus to keep the Whiteboard
component as
> a separate
> >>>> >> > >>> one
> >>>> >> > >>>
> >>>> >> > >>>    in the implementation so this can be reused.
> >>>> >> > >>>
> >>>> >> > >>> Please correct me if I am wrong!
> >>>> >> > >>>
> >>>> >> > >>> Thank you!
> >>>> >> > >>>
> >>>> >> > >>> Regards
> >>>> >> > >>>
> >>>> >> > >>> Andun S.L. Gunawardana
> >>>> >> > >>> Undergraduate
> >>>> >> > >>> Department of Computer Science And Engineering
> >>>> >> > >>>
> >>>> >> > >>> University of Moratuwa, Sri Lanka
> >>>> >> > >>>
> >>>> >> > >>> Mobile - +94772019246
> >>>> >> > >>> Home  - +94412253032
> >>>> >> > >>> [image: Facebook]<
> >>>> >> > >>>
> http://s.wisestamp.com/links?url=http%3A%2F%2Fwww.facebook.com%2Fandunslg
> >>>> >> > >>> >
> >>>> >> > >>> [image:
> >>>> >> > >>> Twitter]<
> >>>> >> > >>>
> http://s.wisestamp.com/links?url=http%3A%2F%2Ftwitter.com%2FAndunSLG>
> >>>> >> > >>> [image:
> >>>> >> > >>> LinkedIn]<
> >>>> >> > >>>
> http://s.wisestamp.com/links?url=http%3A%2F%2Fwww.linkedin.com%2Fpub%2Fandun-s-l-gunawardana%2F34%2F646%2F703
> >>>> >> > >>> >
> >>>> >> > >>>
> >>>> >> > >>> Contact me: [image: Google Talk] AndunSLG
[image: Skype]
> AndunSLG
> >>>> >> > >>>  Want a signature like mine?
> >>>> >> > >>> <
> >>>> >> > >>>
> http://s.wisestamp.com/links?url=http%3A%2F%2Fr1.wisestamp.com%2Fr%2Flanding%3Fpromo%3D21%26dest%3Dhttp%253A%252F%252Fwww.wisestamp.com%252Femail-install%253Futm_source%253Dextension%2526utm_medium%253Demail%2526utm_campaign%253Dpromo_21
> >>>> >> > >>> >
> >>>> >> > >>> CLICK
> >>>> >> > >>> HERE.<
> >>>> >> > >>>
> http://s.wisestamp.com/links?url=http%3A%2F%2Fr1.wisestamp.com%2Fr%2Flanding%3Fpromo%3D21%26dest%3Dhttp%253A%252F%252Fwww.wisestamp.com%252Femail-install%253Futm_source%253Dextension%2526utm_medium%253Demail%2526utm_campaign%253Dpromo_21
> >>>> >> > >>> >
> >>>> >> > >>>
> >>>> >> > >>>
> >>>> >> > >>>
> >>>> >> > >>>
> >>>> >> > >>> On Thu, Mar 21, 2013 at 1:26 AM, Alexei Fedotov
<
> >>>> >> > >>> alexei.fedotov@gmail.com>wrote:
> >>>> >> > >>>
> >>>> >> > >>> > Andun Sameera, nice to meet you.
> >>>> >> > >>> >
> >>>> >> > >>> > I like the project and have a note.
Keep in mind that
> there is no free
> >>>> >> > >>> > whiteboard component. It would be nice
to have it modular
> so other
> >>>> >> > >>> products
> >>>> >> > >>> > and even competing ones can use it.
> >>>> >> > >>> >  20.03.2013 15:37 пользователь
"Andun Sameera" <
> andunslg@gmail.com>
> >>>> >> > >>> > написал:
> >>>> >> > >>> >
> >>>> >> > >>> > > Hi Devs,
> >>>> >> > >>> > >
> >>>> >> > >>> > > I am Andun Sameera. These days
I am working with
> >>>> >> > >>> > > https://issues.apache.org/jira/browse/OPENMEETINGS-551GSOC
related
> >>>> >> > >>> > > Issue. We had lot of discussions
and decisions related
> to this
> >>>> >> > >>> > > project. I am moving that discussion
to the mailing list
> today
> >>>> >> > >>> > > onwards. I will list some important
points first,
> >>>> >> > >>> > >
> >>>> >> > >>> > > - Our main goal is to implement
the basic
> functionalities of
> >>>> >> > >>> > > Whiteboard using HTML5 and Apache
Wicket. Those basic
> functionalities
> >>>> >> > >>> > > will be Painting, Draw Line, Draw
Shapes, Type Text etc.
> Other
> >>>> >> > >>> > > functionalities like document importing
kind of things
> are done in
> >>>> >> > >>> > > separate project.
> >>>> >> > >>> > >
> >>>> >> > >>> > > - In the current code-base the
the parent component of
> the
> >>>> >> > >>> Whiteboard,
> >>>> >> > >>> > > the Room component is not implemented
yet. Maxim is
> going to
> >>>> >> > >>> implement
> >>>> >> > >>> > > that after this release cycle is
over. After that we
> have the space
> >>>> >> > >>> to
> >>>> >> > >>> > > plug the Whiteboard In.
> >>>> >> > >>> > >
> >>>> >> > >>> > > - We have discussed  to implement
the Whiteboard using a
> Canvas and a
> >>>> >> > >>> > > Javascript Library on top of Wickets.
> >>>> >> > >>> > >
> >>>> >> > >>> > > - After some work and reading I
have found that
> >>>> >> > >>> http://kineticjs.com/
> >>>> >> > >>> > > is a good library for the above
task. Also it is
> compatible with
> >>>> >> > >>> > > Apache Licences.
> >>>> >> > >>> > >
> >>>> >> > >>> > > These days I am working with kineticjs
to do a POC. Your
> ideas are
> >>>> >> > >>> > > welcomed in this discussion!
> >>>> >> > >>> > >
> >>>> >> > >>> > >
> >>>> >> > >>> > >
> >>>> >> > >>> > > Also I like to introduce my self,
I am a final year
> undergraduate of
> >>>> >> > >>> > > Department of Computer Science
& Engineering, University
> Of Moratuwa
> >>>> >> > >>> > > who is willing to participate in
GSOC 2013. I had lot of
> experiences
> >>>> >> > >>> > > using and developing Apache Software
Foundation
> projects. I had the
> >>>> >> > >>> > > chance to complete my software
engineering internship at
> WSO2 Lanka
> >>>> >> > >>> > > Pvt Ltd (www.wso2.com), which is
a leading middle-ware
> solutions
> >>>> >> > >>> > > development company. Since they
are using most of the
> Apache projects
> >>>> >> > >>> > > to build there solutions, I had
many chances to get a
> good exposure
> >>>> >> > >>> to
> >>>> >> > >>> > > the projects and there code-bases.
Specially I had the
> chance to
> >>>> >> > >>>  work
> >>>> >> > >>> > > with Synapse, Axis2, AXIOM, Tomcat,
CXF, Tiles etc. Here
> are some
> >>>> >> > >>> > > important projects I did,
> >>>> >> > >>> > >
> >>>> >> > >>> > > - Streaming XPath Parser for WSO2
ESB which is built on
> top of
> >>>> >> > >>> Synapse
> >>>> >> > >>> > > ESB. (
> >>>> >> > >>>
> http://wso2.org/library/articles/2013/01/streaming-xpath-parser-
> >>>> >> > >>> > > wso2-esb) This implementation provides
a high
> performance XPath
> >>>> >> > >>> parser
> >>>> >> > >>> > > to the Synapse ESB which is the
core of WSO2 ESB.
> >>>> >> > >>> > >
> >>>> >> > >>> > > - Improving the performance of
XSLT Transformation
> mediator of WSO2
> >>>> >> > >>> > > ESB using data streams.
> >>>> >> > >>> > >
> >>>> >> > >>> > > - Implementing a Entitlement Servlet
Filter for WSO2
> Application
> >>>> >> > >>> > > Server which is built on top of
AXIS2
> >>>> >> > >>> > > (
> >>>> >> > >>> > >
> >>>> >> > >>> >
> >>>> >> > >>>
> http://wso2.org/library/tutorials/2012/12/providing-xacml-fine-grained-authorization-webapps
> >>>> >> > >>> > > )
> >>>> >> > >>> > >
> >>>> >> > >>> > > - Creating and On-Line portal to
mange Patches provided
> to code in
> >>>> >> > >>> > > WSO2. This was built on top of
JIRA and WSO2 Governance
> Registry.
> >>>> >> > >>> > >
> >>>> >> > >>> > > All of the theses projects have
their own UI parts. So I
> had to work
> >>>> >> > >>> > > with JSP, JQuery, JavaScript, AJAX
and Apache Tiles a
> lot.
> >>>> >> > >>> > >
> >>>> >> > >>> > > You can find more about my other
project and works from
> my LinkedIn
> >>>> >> > >>> > > profile -
> >>>> >> > >>> http://lk.linkedin.com/pub/andun-s-l-gunawardana/34/646/703/
> >>>> >> > >>> > > or from my blog
> http://www.insightforfuture.blogspot.com/
> >>>> >> > >>> > >
> >>>> >> > >>> > > Thank You!
> >>>> >> > >>> > >
> >>>> >> > >>> > > Regards
> >>>> >> > >>> > >
> >>>> >> > >>> > > Andun S.L. Gunawardana
> >>>> >> > >>> > > Undergraduate
> >>>> >> > >>> > > Department of Computer Science
And Engineering
> >>>> >> > >>> > > University of Moratuwa, Sri Lanka
> >>>> >> > >>> > >
> >>>> >> > >>> >
> >>>> >> > >>>
> >>>> >> > >>
> >>>> >> > >
> >>>> >> > >
> >>>> >> > > --
> >>>> >> > > WBR
> >>>> >> > > Maxim aka solomax
> >>>> >> > >
> >>>> >> >
> >>>> >> >
> >>>> >> >
> >>>> >> > --
> >>>> >> > WBR
> >>>> >> > Maxim aka solomax
> >
> >
> >
> >
> > --
> > WBR
> > Maxim aka solomax
>



-- 
WBR
Maxim aka solomax

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message