making an Educational interactive wall for kids.
my inspiration from those application Interactive Mural, such as a game and at the same time developing their skills.
using Fusion 360 for design.
1- back part.
first, draw the back part of the box (interactive wall) on the Y-Z plane
a simple open door, draw half of it by a rectangle with dimensions (150*192.8 mm).
draw the moving part at the end of the corner. with the dimensions in the photo.
draw part to open the door by a rectangle with dimensions (25*25 mm).
mirror all the parts around the top line.
2- bottom and top parts.
2. first, draw the bottom/top part of the box (interactive wall) on the Y-X plane
draw half of it by a rectangle with dimensions (200*100 mm).
draw the T-slot part at the top of the corner. with the dimensions in the photo.
draw along this line more T-slots and small slots with the dimensions in the photo.
draw along slots at the left top of the corner. with the dimensions in the photo.
trip all not needed line.
3- bottom and top parts (extension part for the back door).
3. first, draw the(extension part for the back door) on the Y-X plane.
draw a line at the bottom with dimensions (189.73mm far from the rectangle 6.89).
draw a small circle with dimensions (4.5 D)
draw along this line more T-slot with the dimensions in the photo.
tangent the circle with the line.
make an offset of the circle with dimensions (3 mm).
trip all not needed line.
mirror all the parts around the right line.
4- Side part.
4. first, draw the side part of the box (interactive wall) on the Z-X plane.
draw half of it by a rectangle with dimensions (200*100 mm).
draw the T-slot part at the top of the corner. with the dimensions in the photo.
draw along this line more T-slots and small slots with the dimensions in the photo.
draw along slots at the left top of the corner. with the dimensions in the photo.
trip all not needed line.
5-Front part .
5. first, draw the front part of the box (interactive wall) on the Y-Z plane
draw a quarter of it by a rectangle with dimensions (150*200 mm).
draw the holes and small circles for the slots with the dimensions in the photo.
mirror all the parts around the right line.
mirror all the top parts around the bottom line.
5- geometric shapes at the Front part .
draw a rectangle with dimensions (130*200 mm). far from the left line about 20 mm.
draw circles with (Diameter of 35 mm) far from the bottom line about 32 mm.
draw a rectangle with (dimensions 50*35 mm) far from the bottom line about 32 mm.
draw a hexagon with (Diameter of 20 mm) far from the bottom line about 30 mm.
draw a square with (dimensions 35*35 mm) far from the bottom line about 90 mm.
draw a pentagon with (Diameter of 25 mm) far from the bottom line about 90 mm.
draw a triangle with (Diameter of 15 mm) far from the bottom line about 90 mm.
draw the holes and small circles for the slots far from the left line (4.9 for hole and 6.4 for circle) and right (6.4 for hole and 8.6 for circle)
6- back part of geometric shapes.
6. on the Y-Z plane
draw a rectangle with dimensions (150*200 mm).
draw the holes and small circles for the slots with the dimensions in the photo.
7- side part of geometric shapes.
7. on the Z-X plane.
draw a rectangle with dimensions (130*30 mm).
draw the T-slots and slots with the dimensions in the photo.
8- screen part at the Front part.
8. on the Y-Z plane
draw a rectangle at the top center of the front part with dimensions (150*68 mm). far from the top line 20 mm.
draw the holes and small circles for the slots with the dimensions in the photo.
9- side part of screen at the Front part .
9. on the Z-X plane.
draw a rectangle with dimensions (15*80 mm).
draw the T-slots and slots with the dimensions in the photo.
mirror all the parts.
10. bottom part of screen at the Front part .
10. on the Y-X plane
draw a rectangle with dimensions (20*180 mm).
draw the T-slots and slots with the dimensions in the photo.
extrude all parts about 3mm thickness.
select bottoms, tops part
extruded parts.
select sides parts.
extrude the parts.
select front, back parts.
front part extruded
back part .
back part of screen holder and back part of geometric shapes.
assembly screen holder with front part.
assembly back of geometric with front part.
assembly the box.
draw all this shapes.
extrude the shapes with 30 mm
select top face and right click to choose create sketch on it and draw circle 12mm diameter in center.
extrude cut the circle shapes with -2.92 mm
do the same steps with all parts.
draw a rectangle.
extrude it
select the top face to draw a rectangle from the center on it with dimension in the photo.
extruded cut small rectangle into -17 mm.
select the side face to draw a T-slot from the center on it with dimension in the photo.
extruded cut into the other side.
Laser Work software to laser cutting
This is Morn MT3050D CO2 Laser Cutter.
3mm MDF.
choose a sketch, right-click on it and choose to save it as DXF.
import file in laser works
rotates parts.
delete all construction lines.
copy all parts.
adjust power 70-75 and speed 15
choose a sketch, right-click on it and choose to save it as DXF.
import file in laser works
rotates small parts.
delete all construction lines.
adjust power 70-75 and speed 15
choose a sketch, right-click on it and choose to save it as DXF.
import file in laser works
put the front part in a file, door 2 part in another file and last 2 back part in another file.
delete all construction lines.
adjust power 70-75 and speed 15
Ultimaker Cura software for 3d printing
This is PRUSA i3 MK2 3D Printer.
PLA material.
choose a component, right-click on it and choose to save it as mesh.(stl file)
choose a component, right-click on it and choose to save it as mesh.(stl file)
layer height 0.3
infill 3%
decrease layer bottom to 2.
part of geometric shapes, the bottom of the shape there is a magnetic and the back part there is a reed sensor.
when magnetic is close to the reed sensor, the sensor gets HIGH.
show the name of the shape, but to test it try the output on LEDs.
how reed switch work.
Reed switch
resistors (220 Ohm)
Arduino
LEDs
jumpers (female-male and male-male)
reed switch has two legs one of it connect to 5v with Arduino and the other one is common between resistor (with 330 ohm) and digital pin with Arduino
breadboard testing
pin 8,10 connect with 2 reed switches,
and pins 9,10 with LEDs.
here testing if the reed switch is close/HIGH the LED light up.
part of RGB light strips, when pushing a button the RGB strip change color. and show the name of the color,
but need to test it.
addressable RGB LEDs strip. with 12v
resistors (470 Ohm)
Arduino
jumpers (female-male and male-male)
capacitor 100uf.
adaptor 12v.
put a capacitor between (+,-) 12v of the power source this prevents the initial inrush of current from damaging the pixels.
breadboard testing
first download Adafruit_NeoPixel library.
choose from example of this library simple example.
connect digital pin of RGB strip to pin 6,
content the number of pixels in NUMPIXELS.
this example simply tests to light up all the pixels from for loop condition.
all components take the power from Arduino, except RGB LEDs strips need a 12v and common ground with Arduino.
Arduino take its power from an adaptor 9v.
Arduino
adaptor 9v.
First part: reed switch
first declare all pin from 2 to 7 as input
make if condition to check every reed switch is high, then print word in serial and show it on screen with app inventor.
include a counter to increase the checking and make sure that one word is appear.
at the end return the value of the counter to equal 0.
MIT app inventor geometric shapes part
get from the user interface, list Picker and put it on the screen, edit font size to 20, height to 60, and width to full parent (take the width of the phone ).
get from user layout a horizontal arrangement, with height 200, width full parent.
put in this horizontal arrangement a label from the user interface (here the word will appear), edit font size to 70, height to 200, and width to full parent.
get clock from sensor and put it on screen.
get Bluetooth client from connectivity and put it on screen.
first two block to connection with Bluetooth module.
make a variable to sort in it the received date from Bluetooth, the put this data in label to show it on screen.
Second part: RGB LEDs strips
first include library and definition the button pin to 7, pin of RGB to 6.
count of pixel is 1 strip (include 3 LED)
don't forget the bottom to input pull up.
first check for reading of button, the make a counter to count how many times to push button and get different color
at the end in for loop, return value of push button.
this function after for loop to clear the previous color, (this function in example of library)
MIT app inventor the same one of geometric shapes part
MIT app inventor of question part on screen
add another screen in the same project.
get from the user interface, list Picker and put it on the screen, edit font size to 20, height automatic, and width to full parent (take the width of the phone ).
upload all pictures needed in this part.
get from user layout a horizontal arrangement, with height 180, width full parent. put in this horizontal arrangement image 1.
get from user layout a horizontal arrangement, with height 80, width full parent.
put in this horizontal arrangement label1, 2, 3. with height fill parent and width 90, font size 25. and change the text in each one of it.
get from user layout a horizontal arrangement, with height 60, width full parent.
put in this horizontal arrangement label4. with height 60 and width full parent, font size 40.
add button to go back the first screen.
first two block to connection with Bluetooth module. and the button to return to screen 1.
making a condition to check if data from Arduino equal 1 then go to the second question, else if this not the correct answer. and increase the counter by 1/
checking number of counter and the correct answer in the second question, then go to another question and increase counter by 1
Arduino code of question part
declare pins
send number when push the button.
front part
top, bottom part
back part
side part
screen holder part
back of geometric part
geometric shapes.
assembly parts
First part: reed switch
mark place on reed sensor on back part of geometric shape.
by hammer and small pin make hole to lrg of reed sensor.
this is me welding the wire to the reed switch.
Second part: RGB LEDs strips
the box for RGB
make to small circle 3mm and big one to 10 mm.
fix the strips .
make another hole to the push button
third part: screen MIT app inventor
the feedback it was about design, it is better to making the slot is bigger and the part of door (moving part circle) it is so small comparing door dimensions.
the holes of geometric shapes better to increase 0.2 to make putting shapes smoothly way.
when testing RGB LEDs strips, it is not working.
until E/Ahmed Ibrahim discover that inputs pins soldered in output of LEDs strips.
distance between the reed sensor and magmatic in geometric shape is too big, so you should put the whole shape in the hole, and it this difficult to remove the shape again.
So, decrease this distance by decreasing the sides part to 15 mm. OR use a big nail with nuts to adjust the distance.
when answer right in question 1, so you get second question. But not happen, the second question already appear.
So, E/Ahmed Ibrahim suggest to make a counter to make double checking of condition, and butting if condition after first condition not inside it.
when putting all codes in one code, it not working correctly.
so, making functions each one included separated code and calling these functions in void loop, that make the code work smoothely.
include all library
declare all pin
call all functions in void loop.
pin 11 is toggle switch to moving between mode (1- RGB color and shapes
2- question party)
first function include changing color code.
second function include reed sensor.
third function include questions part
make more questions, and increase the voice part to sound the word to make it more interactive.
and try to make two modes one English and the other in Arabic.