jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

gpio header diagram maker

Thu Oct 05, 2017 11:09 am

hello Pi Peoples
A while ago I was building a Pi project and needed to print out my GPIO wiring so that I could share it with my brother in law and keep it for myself in case I wanted to build the same thing again. There wasn't anything easy (i mean reallllly easy) on the internet to do what I wanted so I bribed my 15 year old with a tenner (10 english pounds) to make me a web site/app thingy.

video of it working (a how to…)
http://jamieparry.is-a-geek.net/piboard_demo.mp4

and it’s here if you want a look
http://www.snipecraft.com/piboard

the text on the diagram is a clickable link which takes people to raspberry-spy.co.uk where we got the diagram from (with kind permission from them!)

However the thing is hosted on a very old Synology in a cupboard, so if it turns out more than say 10 people want to use it, the Syno will probably fall over!
We can give the source code (HTML,CSS,Javascript) out and maybe raspberry pi towers can host it (or include it on the pi? who knows?)
anyway I hope some other people find it as useful as I did.
j

asavah
Posts: 289
Joined: Thu Aug 14, 2014 12:49 am

Re: gpio header diagram maker

Thu Oct 05, 2017 5:51 pm

The link to piboard requires login:password, which you don't provide (edit: better don't do it, for security reasons.)

IMO the best would be to post your project on github,

The video looks nice, could be useful.
I'd install that on my server for personal use, so far I have been using pics taken with my phone and sketches on paper which get lost easily :D

pcmanbob
Posts: 1750
Joined: Fri May 31, 2013 9:28 pm
Location: Mansfield UK

Re: gpio header diagram maker

Thu Oct 05, 2017 6:02 pm

If you watch the video you see that you have to create an account, click on sign up button.
Please only ask questions in the forum I will not answer questions sent to me directly via PM
Remember we want information.......................no information no help

User avatar
Burngate
Posts: 4971
Joined: Thu Sep 29, 2011 4:34 pm
Location: Berkshire UK
Contact: Website

Re: gpio header diagram maker

Fri Oct 06, 2017 10:06 am

Nice. Well worth the £10 (he or she will now have learnt something about the value of time, so your next project will cost you £100)
A couple of comments / questions.

It's hosted on your Synology device, not my own, so if that dies, my project is lost? Can I keep a back-up on my own system?

All the wires on your demonstration are straight lines. Can I put corners in the wires so that I can keep things pretty?

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Fri Oct 06, 2017 10:25 am

thanks for the kind words. I think it's good and useful hence me trying to let other people have a go with it!
So far the tenner and the pleasure of seeing something he made being discussed by grown ups as a valuable tool is enough payment for him, my next project may well cost me an arm and a leg!

As to your points....
We're open to ideas on saving... currently as you say projects just exist on my Synology (in a MariaDB database) so in future if raspberry towers were to host this app/site then they would have significantly better backup policies than me!
Otherwise I can maybe get Jack to let you download the database entry for each project as a text file that you could then keep safe, and maybe use to upload to the site somehow.
He's more than willing to share the actual website code (he knows how much I like open source) so you could host your own version on your own localhost? it'll probably work hosted on a pi....
we were going to investigate github or something to put it all on (but don't know anything about it so may well be a while....)
I print my projects to PDF and paper so that's my backup!!

Hmmmm, corners.....
I have no idea about bendy wires. I'll ask him!

the 2 things i've asked him to do on the website are
1) make it clear that the username/password thing is just to seperate people's projects and is NOT SECURE IN ANY WAY so don't use your banking password...
possibly were going to investigate hashing the password and seeing if i could make the website httpS (as in secure) somehow...

2) put a "feedback" thing in that will email him with people's requests (without showing his email address anywhere)

so if the feedback thing appears next week (hey he's a teenager and the weekend means going out with his mates) ,anyone can use it to submit ideas to improve piboard!

if anyone here knows the raspberry pi towers lot, see if they will host piboard then a lot of my logistic problems go away :)
cheers
j

B.Goode
Posts: 4383
Joined: Mon Sep 01, 2014 4:03 pm
Location: UK

Re: gpio header diagram maker

Fri Oct 06, 2017 10:38 am

if anyone here knows the raspberry pi towers lot
Maybe this is an instance where direct email contact with the Raspberry Pi Foundation might be more fruitful than using the forums?

https://www.raspberrypi.org/contact/

Edit: added PS to say that this isn't meant to suggest that you should not have shared with us here...

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Fri Oct 06, 2017 10:48 am

I thought I'd see if anyone else here actually did find it useful before I bother anyone at Pi towers.
I'm sure they're busy enough!
thanks for the pointer though, I will see how it goes on the forum and see if more than 3 people are interested!

B.Goode
Posts: 4383
Joined: Mon Sep 01, 2014 4:03 pm
Location: UK

Re: gpio header diagram maker

Fri Oct 06, 2017 11:22 am

In case I turn out to be the Tipping Point: I have accessed the site and created a username and a dummy project. Hope that counts as 'interested'.

Another thought: maybe offer it to the 'usual suspects' among the Raspberry_Pi-friendly hobby/hacker/maker vendors, people like 4tronix, PiHut and Pimoroni. They might see it as a supporting tool to encourage sales of switches, sensors and other such widgets to implement the design that has just been captured.. ?

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Fri Oct 06, 2017 11:28 am

yep that counts :-)
we're now up to 4 users so I have emailed pi towers.
let's see if they reply....
good idea with the shop sites. I buy stuff for projects from all of them!

piboard site for gpio diagrams
video of it working (a how to…)
http://jamieparry.is-a-geek.net/piboard_demo.mp4

and it’s here if you want a look
http://www.snipecraft.com/piboard

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Sat Oct 07, 2017 11:22 am

updated site

the site now encrypts your password (mda5 hashing algorithm via php into the database)
the login/sbuscribe is now at the top of the window as a tab-based ui so it should be asier for people to see when they first get there

bendy lines are being thought about....
saving a project locally to your own computer as a backup and being able to "recall" from a local save will also make it in soon apparently!

piboard site for gpio diagrams
video of it working (a how to…)
http://jamieparry.is-a-geek.net/piboard_demo.mp4

and it’s here if you want a look
http://www.snipecraft.com/piboard

KC13
Posts: 3
Joined: Sun Sep 10, 2017 10:15 pm

Re: gpio header diagram maker

Sat Oct 07, 2017 3:25 pm

Tried Pale Moon, Firefox, IE and Chrome browsers. None of the 4 could access the "Create Account" link. :(

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Sat Oct 07, 2017 6:52 pm

aaahhh
there was a glitch in the matrix (ie Jack deleted something he shouldn't have...)
should work on Chrome OK now
not sure about other browsers we're only bothered about Chrome and Safari!!
:D

piboard site for gpio diagrams
video of it working (a how to…)
http://jamieparry.is-a-geek.net/piboard_demo.mp4

and it’s here if you want a look
http://www.snipecraft.com/piboard

pcmanbob
Posts: 1750
Joined: Fri May 31, 2013 9:28 pm
Location: Mansfield UK

Re: gpio header diagram maker

Sat Oct 07, 2017 8:58 pm

Seems to be working fine on desktop pc using firefox.
Please only ask questions in the forum I will not answer questions sent to me directly via PM
Remember we want information.......................no information no help

User avatar
DougieLawson
Posts: 29756
Joined: Sun Jun 16, 2013 11:19 pm
Location: Basingstoke, UK
Contact: Website

Re: gpio header diagram maker

Sat Oct 07, 2017 9:28 pm

Can you explain what it does that I can't do with https://pinout.xyz and http://fritzing.org/projects/raspberry-pi-3 ?

What are you going to spam my email address with if I sign-up, where's the EULA to read before I give you my credentials?
Microprocessor, Raspberry Pi & Arduino Hacker
Mainframe database troubleshooter
MQTT Evangelist
Twitter: @DougieLawson

Since 2012: 1B*5, 2B*2, B+, A+, Zero*2, 3B*3

Please post ALL technical questions on the forum. Do not send private messages.

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Sat Oct 07, 2017 9:38 pm

welll
it's not about what **you** can't do with those other sites it was about what I couldn't do!
I wanted it reall simple to do a DRAWING with pretty coloured wires and print it out easily etc etc
dead basic.

as for the sign up... it is only to keep your projects seperate from everyone elses
there's no need for email details I certainly won't be hassling anyone
EULA is basically "try and be nice" and if you give the site a go and find something that doesn't work as you'd like it to...
post up here and we'll try and sort it out as a learning experience.

not everyone on the internet is evil. I'm not and neither is my lad.


piboard site for gpio diagrams
video of it working (a how to…)
http://jamieparry.is-a-geek.net/piboard_demo.mp4

and it’s here if you want a look
http://www.snipecraft.com/piboard

kyle2k
Posts: 83
Joined: Tue Feb 19, 2013 2:47 pm

Re: gpio header diagram maker

Sat Oct 07, 2017 10:01 pm

Tried earlier and couldn't create an account from my Android Chrome browser but working again after this afternoon's fix :)

But from same Android Chrome mobile browser I have no functionality, I can create a project and name and save but can not use the gpio wires and lables from my touch screen device.

This is just feedback, I like this idea and am greatfull for you and your son's work.

I am certain that I will have a use for this and will try again tomorrow from another device.

Please ignore people above who assume that your building a database of email addresses to spam when they haven't even spent the time to look at your project to see if it requires email validation????

Keep up the great work and don't feed the trolls who assume without testing, how good must their code be if they assume it's broken and evil before testing?

Edited for spelling mistake/s?

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Sat Oct 07, 2017 11:32 pm

hmmmm
i certainly wouldn't think it would work from mobile devices at all
we just haven't looked at that...
I've only ever used it on Safari on a mac and Chrome on a desktop pc. I think the screen sizes may well inform what works.
Try it on a desktop/laptop in order to see it working. Mobile just isn't on the radar for us!

As for any negativity? I can understand grumpiness, as some days my default is to "write stiffly worded complaints letters" first, ask questions later
;)
but if people just treat me gently and honestly then I soon come round. I'm hoping that the same will happen here, as people who are initially guarded and critical usually have really in depth, useful knowledge and can be of real help once they realise you are not a threat to anything and are perfectly willing to listen to points raised.
Cheers anyway and hope it works for you somehow!

piboard site for gpio diagrams
video of it working (a how to…)
http://jamieparry.is-a-geek.net/piboard_demo.mp4

and it’s here if you want a look
http://www.snipecraft.com/piboard

HermannSW
Posts: 238
Joined: Fri Jul 22, 2016 9:09 pm

Re: gpio header diagram maker

Sun Oct 08, 2017 7:58 am

jamie_p wrote:
Sat Oct 07, 2017 9:38 pm
DougieLawson wrote:
Sat Oct 07, 2017 9:28 pm
Can you explain what it does that I can't do with https://pinout.xyz and http://fritzing.org/projects/raspberry-pi-3 ?

What are you going to spam my email address with if I sign-up, where's the EULA to read before I give you my credentials?
... what I couldn't do!
I wanted it reall simple to do a DRAWING with pretty coloured wires and print it out easily etc etc
dead basic.
...
Fritzing is the de-facto standard for drawing hardware diagrams, its free and open source, extensible, no registration needed, and its easy to use. So while your project might be nice as a programming exercise for you, I would always go with Fritzing (1000s of users, extensible, ...).

User avatar
DougieLawson
Posts: 29756
Joined: Sun Jun 16, 2013 11:19 pm
Location: Basingstoke, UK
Contact: Website

Re: gpio header diagram maker

Sun Oct 08, 2017 10:23 am

HermannSW wrote:
Sun Oct 08, 2017 7:58 am
Fritzing is the de-facto standard for drawing hardware diagrams, its free and open source, extensible, no registration needed, and its easy to use. So while your project might be nice as a programming exercise for you, I would always go with Fritzing (1000s of users, extensible, ...).
+1 for that.

Fritzing works for Raspberries, Arduinos (Unos and Nanos) and other processors. It's got a shed-load of stock standard peripherals (MCP23017, DS1307 RTC, etc.). So I'll be sticking with that.
Microprocessor, Raspberry Pi & Arduino Hacker
Mainframe database troubleshooter
MQTT Evangelist
Twitter: @DougieLawson

Since 2012: 1B*5, 2B*2, B+, A+, Zero*2, 3B*3

Please post ALL technical questions on the forum. Do not send private messages.

HermannSW
Posts: 238
Joined: Fri Jul 22, 2016 9:09 pm

Re: gpio header diagram maker

Sun Oct 08, 2017 11:57 am

Just a small example, I am not experienced with Fitzing at all, but able to draw this in minutes (since Arduino Micro, ESP 8266 and LD33 voltage regulator could be selected from libraries available):
https://twitter.com/hermannsw/status/588878797631533056
Image

jamie_p
Posts: 12
Joined: Thu Oct 05, 2017 10:57 am

Re: gpio header diagram maker

Sun Oct 08, 2017 12:13 pm

Thanks Hermann and Dougie
I tried Fritzing and it was just too...big... for me!
my "mac" head (just make it pretty and limited) sometimes gets in the way of my "techy" head (give me all options at all times)
hence my request to build me something suited to my needs at that moment.
Fritzing certainly gives Jack something to aim at (GCSE computer exams this year!) and should be other people's first port of call,
it was mine and I just didn't like it that day!
Alternatives are sometimes useful and sometimes a pain (how many text editors are there? what does nano do that vi doesn't :) i'm joking -don't anyone get annoyed :) )
So if Jack can turn this into something as useful as fritzing, just with a different design aesthetic behind it ....that's what i'd like.

No problems at all and thank you both for the education and examples.
j

asavah
Posts: 289
Joined: Thu Aug 14, 2014 12:49 am

Re: gpio header diagram maker

Sun Oct 08, 2017 3:23 pm

Fritzing is a MONSTER.
Requires investing some precious time in learning it.
Parts editor is a mess (IMO).

I'd like to have something lightweight and web based, something like what @jamie_p and his kid have made.
However I'd be only interested in an opensource application, something that could be installed on the pi itself :!:

KC13
Posts: 3
Joined: Sun Sep 10, 2017 10:15 pm

Re: gpio header diagram maker

Mon Oct 09, 2017 2:49 pm

"Create Account" link now works just fine in Pale Moon on a PC laptop! Thank You!

Return to “General discussion”

Who is online

Users browsing this forum: gkreidl, Google [Bot] and 35 guests