Board logo

User editable drawings
nick205 - 11/5/17 at 01:53 PM

Afternoon all,

I'd like to create a drawing where the user can edit certain parts.

Think in terms of an overhead view of a keyboard layout where the user can...

1. Select the colour of each keycap from a preset selection of 10 colours
2. Enter text on the top of each keycap using a preset selection of 10 fonts
3. Select the font size in mm from a preset selection of 5 sizes

There's other features I'd like to include, but the above would be a good starting point.

Finally the drawing should be in a file format most people can access - e.g. MS Word, PDF etc.


prawnabie - 11/5/17 at 02:21 PM

quote:
Originally posted by nick205
Afternoon all,

I'd like to create a drawing where the user can edit certain parts.

Think in terms of an overhead view of a keyboard layout where the user can...

1. Select the colour of each keycap from a preset selection of 10 colours
2. Enter text on the top of each keycap using a preset selection of 10 fonts
3. Select the font size in mm from a preset selection of 5 sizes

There's other features I'd like to include, but the above would be a good starting point.

Finally the drawing should be in a file format most people can access - e.g. MS Word, PDF etc.


Knock yourself out bud.....

[Edited on 11/5/17 by prawnabie]


nick205 - 11/5/17 at 02:53 PM

...as in "no chance of doing it"?

I'll admit to having tried a few things and failed, but there must be a way of doing this (or similar).


Nathsx - 11/5/17 at 04:00 PM

Its definatly possible however i think it would need to be a Flash/.exe/ Vb code job to be honest.

It could be done on excel fairly easily i think if it doesnt need to look fancy


prawnabie - 11/5/17 at 04:06 PM

quote:
Originally posted by nick205
...as in "no chance of doing it"?

I'll admit to having tried a few things and failed, but there must be a way of doing this (or similar).


No you made a statement more than a question!


nick205 - 11/5/17 at 04:08 PM

quote:
Originally posted by Nathsx
Its definatly possible however i think it would need to be a Flash/.exe/ Vb code job to be honest.

It could be done on excel fairly easily i think if it doesnt need to look fancy



Coding's really not for me.

I may well have a stab with Excel though.

Flash looks would be lovely, but a use-able tool that works would probably help sell more stuff. If I can do that I may well be able to justify having a more professional system done.


nick205 - 11/5/17 at 04:24 PM

quote:
Originally posted by prawnabie
quote:
Originally posted by nick205
...as in "no chance of doing it"?

I'll admit to having tried a few things and failed, but there must be a way of doing this (or similar).


No you made a statement more than a question!


Noted!

I guess I'm looking for pointers on how to go about doing this?


pekwah1 - 11/5/17 at 04:26 PM

for anyone who knows Visual Basic (i happen to), this sounds like a fairly simple program to code depending on exact requirements....


craigdiver - 11/5/17 at 09:26 PM

Excel & visual basic.

Might be a bit tricky if you have never programmed however visual basic is easy to learn with tons of excellent resources on the net.


dgu - 12/5/17 at 05:17 AM

You could create this tool as a simple web page.

On one side of the page you could have the form for the user to fill in the variables. On the other, the drawing with the editable data.

A bit like this tool:

http://www.cssmatic.com/border-radius

Anyone will be able to view it and use it on a web browser.

You’d need to learn a bit of HTML, CSS and Javascript. You can find a good getting started guide here:

https://www.w3schools.com/


If your background drawing is also editable, you’d need to learn about the HTML ‘canvas’ element. Or scalable vector graphics (SVG). Here’s a good example of what is possible:

http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/


I can code websites, so if you have any questions, feel free to ask…


02GF74 - 12/5/17 at 06:07 AM

^^^ as said, html page, one additional complucation is needing to save settings. Still need some coding in javascript but can be run by anyone with browser.

Is it a computer/typewriter keyboard, if not, is layout in regular matrix or staggered like type writer?

How many keys and are they same shape?

[Edited on 12/5/17 by 02GF74]


nick205 - 12/5/17 at 11:26 AM

Thanks chaps - I'll take a look.

It's for a regular PC type keyboard with a mix of size and shape keys.