Giter VIP home page Giter VIP logo

blocklyduino / blocklyduino-v2 Goto Github PK

View Code? Open in Web Editor NEW
80.0 80.0 45.0 35.44 MB

BlocklyDuino v2(020), reboot and up to date with Google Blockly, graphical programming of Arduino boards

Home Page: https://blocklyduino.github.io/BlocklyDuino-v2/

License: GNU General Public License v3.0

JavaScript 67.39% HTML 17.46% CSS 2.76% Tcl 1.00% Makefile 0.36% Shell 1.53% M4 9.49%
arduino arduino-programming blockly blocklyduino education

blocklyduino-v2's Issues

Files organization - blocks creation

Discussion about the way blocks are defined in many files.
Actually (servomotor example):

  • blocklyduino\blocks\servo\servo.js: blocks design, 1 file per several blocks but 1 file and folder per type/category. in the folder, all needed design/picture.
  • arduino\addon\servo.js: generators for Arduino, with same name as block design
  • msg\blocks_en.js: english blocks translation, all blocks are translated in 1 file, 1 file per language

What could be easier to create blocks:

  • blocklyduino\blocks\servo\servo.blockly: blocks design, 1 file per several blocks but 1 file and folder per type/category. in the folder, all needed design/picture.
  • blocklyduino\blocks\servo\servo.arduino: generator for Arduino, with same name as block design
  • blocklyduino\blocks\servo\servo.en: english blocks translation, 1 file per language (servo.fr, servo.es, etc)

But to avoid implementinig all this boring list of js files, I think use something like head.js (https://github.com/headjs/headjs) and create 'master' file to call all design, all generators, etc.

Any idea?

Problem with passing parameters to url

Hi, there is some problem with url, check images for reference .
Before board selection:
image

After board selection,
image

This is causing the rest of images used inside blocks to break.

Gui in BDuino

hallow , i test in BDuino at now and because problem in gui , i recommend easy interface in page such as arduino code not easy for use, @SebCanet i think BlocklyDuino better graphics interface as this webserver for beginner

UI choices - accessibility

As seen in TurtleStudio (https://sam-tj.github.io/Turtle-Studio-v1/), UI interface could be dispatched in different places. The aim is make it simpliest as possible, for kids and newbies.
I don't want to remove any option (or it's another discussion, to decide what is useful or not for accesibility, and kids with colorblindings problem, etc) but decide what we can put where.

I'm working on new UI where all option are in a single panel but with accordion menus:
Image 1

Any suggestion?

Why html & css isn't used/coded properly

I thought contributing on this but I could not even change height/margin/padding of title name. Looks like CSS is forced coded and HTML also.
Can I change it the way its written and also keeping UI good.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.