opinsys / walma Goto Github PK

View Code? Open in Web Editor NEW

91.0 37.0 36.0 843 KB

Collaborative Whiteboard

Home Page: http://walma.opinsys.fi/

License: GNU General Public License v2.0

Ruby 0.13% Shell 0.06% CoffeeScript 99.12% JavaScript 0.69%

walma's Introduction

Walma - Collaborative Whiteboard

Walma is a collaborative whiteboard tool written with Node.js and CoffeeScript.

http://walma.opinsys.fi/

Installing

Install Node.js 0.6.x and MongoDB (tested with 2.0.x)

git clone git://github.com/opinsys/walma.git
cd walma

Install dependencies

npm install

Setup database

bin/setupdb

Production run

npm start

And point your browser to http://localhost:1337

Hacking

Development run

bin/develop

Tests

npm test

Copyright

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.

walma's People

Contributors

Stargazers

Watchers

walma's Issues

Live shapes

Now shape is sent to the other client after mouse click has been lift up. It could be sent continuously as user draws it.

Implement simple text tool

LIke the one in MS Paint

Prevent page close if long operation is running

For example background sending.

https://developer.mozilla.org/en/DOM/window.onbeforeunload

Help dialogs

Whiteboard should show some help dialog when user opens it the first time. It should tell about collaborative features and its mission.

Replay drawing history

Remove confusing tools

For screenshot functionality there is no need for slides so it should be removed. Also circle is pretty useless.

你的数据库脚本有错误 when exec db script your command.js has error

in command.js 文件的里面 path.exists is error 是错误的应该用 should fs 调用

Implement zoom

It's hard to do smaller drawings with tablets without it.

By default delete screenshot drawing when inactive

Also add option for disabling it. AKA save button.

Easy way to jump to a certain slide

Maybe with some thumbnail view?

Publishing crashes node server

When I publish the whiteboard, the node server crashes with the following output:

        throw err;
              ^
TypeError: Object #<Stream> has no method 'readBuffer'
    at exports.Drawing.Drawing._readData (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/lib/drawmodel.coffee:322:19)
    at self.collection.collection.find.cursor.nextObject.self.currentChunk.Chunk.n (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/gridfs/gridstore.js:210:15)
    at nthChunk (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/gridfs/gridstore.js:559:9)
    at Cursor.nextObject (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/cursor.js:540:5)
    at Cursor.nextObject.commandHandler (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/cursor.js:522:14)
    at g (events.js:193:14)
    at EventEmitter.emit (events.js:123:20)
    at Db._callHandler (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/db.js:1472:25)
    at Server.connect.connectionPool.on.server._serverState (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/connection/server.js:430:30)
    at MongoReply.parseBody (/media/sf_Data/webSites/exoLang/sites/all/whiteboard/node_modules/mongodb/lib/mongodb/responses/mongo_reply.js:127:5)
npm ERR! [email protected] start: node server.js
npm ERR! sh "-c" "node server.js" failed with 1
npm ERR! 
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the whiteboard package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node server.js
npm ERR! You can get their info via:
npm ERR!     npm owner ls whiteboard
npm ERR! There is likely additional logging output above.

npm ERR! System Linux 3.2.0-32-generic-pae
npm ERR! command "nodejs" "/usr/bin/npm" "start"
npm ERR! cwd /media/sf_Data/webSites/exoLang/sites/all/whiteboard
npm ERR! node -v v0.8.12
npm ERR! npm -v 1.1.63
npm ERR! code ELIFECYCLE
npm ERR! 
npm ERR! Additional logging details can be found in:
npm ERR!     /media/sf_Data/webSites/exoLang/sites/all/whiteboard/npm-debug.log
npm ERR! not ok code 0```

I'm not sure what tools walma uses on the server side - it looks like it's a problem with Mongo...

Thanks for your help

Clear screen button

Navigation map

Navigation map in right bottom corner would help when working with big drawings.

The map would show a small scale version of the drawing and the position and size of the view port.

Implement slide functionality

Icons

Buttons with text labels are boring.

Can we use some freely available clip art or should we draw something our self?

iPad support

There seem to be few small bugs on iPad.

Implement canvas panning tool

Users with smaller screens, especially with touch devices, would need a tool for panning large canvases.

Design a frontpage

Add some general information.

What is it
What collaborative means in whiteboard
Who's
Link to source code
Link to screenshot tool

Logo?

i18n - translations

Snapshots for lecture notes

Snapshot saving button. Teacher could use it to create lecture notes during teaching.

Every press would save a snapshot of the current picture and these could be viewed by students after the lecture.

Clean up the UI

Currently it is a dump of buttons.

Maybe we could work with two buttons. One for tool selection and one for misc stuff like saving public image, activating the remote controller etc.

Destroy drawing button

Smart toolbox

Tool box should automatically orient itself to screen.

For example if it is near bottom side the tool box should open above it, not below it as it currently does.

porting to node 0.8

This has the potential to be an awesome project. I've been working on updating walma to be used on node 0.8, but I've hit a snag. I changed the npm-shrinkwrap file to use all updated dependency versions, and it finally installed (http://pastebin.com/23E5sEjd). However, when I run walma, I get several errors (http://pastebin.com/uT0RSW8B) I've hit the limit of what I know. Would someone be able to look at it?

using MongoDB username and password authentication

Hi,

please add MongoDB username/password to config.json.

Publish smallest possible image

Not the whole view port. Need to keep track of two sizes in drawarea.coffee. The canvas size (=browser size) and the drawing size.

Button for getting the url for latest pic

Dynamic icons

Tools icons should reflect the selected settings.

For example line icon should be red when red is selected.

npm start

Hello opinsys !

I have a problem to make the app on local server, when I enter npm start i have:

node server.js

/Users/Eric/Desktop/MVP Otablo/walma/whiteboard.coffee:9
app = express.createServer();
^
TypeError: express.createServer is not a function
at Object. (/Users/Eric/Desktop/MVP Otablo/walma/whiteboard.coffee:9:17)
at Object. (/Users/Eric/Desktop/MVP Otablo/walma/whiteboard.coffee:314:4)
at Module._compile (internal/modules/cjs/loader.js:777:30)
at Object.require.extensions..coffee (/Users/Eric/Desktop/MVP Otablo/walma/node_modules/coffee-script/lib/coffee-script.js:14:21)
at Module.load (internal/modules/cjs/loader.js:643:32)
at Function.Module._load (internal/modules/cjs/loader.js:556:12)
at Module.require (internal/modules/cjs/loader.js:683:19)
at require (internal/modules/cjs/helpers.js:16:16)
at Object. (/Users/Eric/Desktop/MVP Otablo/walma/server.js:2:1)
at Module._compile (internal/modules/cjs/loader.js:777:30)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: node server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/Eric/.npm/_logs/2019-08-01T13_45_23_794Z-debug.log

Stream drawing history. Currently it is sent as a one big dump and drawing is started after it is transferred. Streaming would allow immediate drawing.
Optimize background and cache image loading. We could do these in parallel.
Save background as jpeg? PNGs are quite big
(Pack drawing history json in binary strings. Not relevant in near future... example)