Primary Student Livecode Interface (Simplified Developer Interface)

Share tips, tools, and other resources for helping educators bring LiveCode into the classroom

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 9:48 pm

I have moved this discussion over here as there is the possibility to use pictures here,
while one cannot on the Use-List.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 10:01 pm

Personally I would do NOTHING in terms of restricting the capabilities of LiveCode.

I would consider (for Primary level kids) restricting access to capabilities via a curtailed revTools palette:

I'd either go for what I call the "short-arse" toolbar:
-
shortarse.png
shortarse.png (5.37 KiB) Viewed 10794 times
-
Or a version of that with the addition of an image import button:
-
toolswithImage.png
toolswithImage.png (7.69 KiB) Viewed 10794 times
-
I would also disable menu items that allowed access to other objects/controls.

Although this selection looks extremely mean indeed,for the first 2 weeks of an intensive 4-week course
(3 hours a day, 4 days a week) those were the only controls any of the pupils used.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 10:10 pm

I'd then expand the toolbar to include an oval and a rounded rectangle graphic
(for use with animations):
-
withGRCs.png
withGRCs.png (8.36 KiB) Viewed 10782 times

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 10:14 pm

AND, I'd get all this out of the scriptEditor because it is just going to confuse the
diddly-doos out of the kids:
-
Screenshot 2019-10-11 at 0.13.12.png

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by bogs » Thu Oct 10, 2019 10:18 pm

Seems to me what your describing has already been made by Richard Gaskin. His design even has a place holder for graduating a few new controls -
Devolution.png
I can make a broach, a hat, a boat...
I'm not sure how much more you could simplify the interface beyond that and have a useful toolset :D

As for the script editor additive handlers, it is one of the few things I find nicer in the newer IDE, since at a glance you can see a fair selection of handlers that (as a newbie) I didn't know existed. My guess is it would give anyone started a decent amount of learning jumpstart :shock:
Image

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 10:24 pm

As for the script editor additive handlers
Not for some 9 year old kid who is trying to get their head round the difference
between mouseDown and mouseUp.

To really get somewhere with anything that is going to work with the 9-12 year olds
one has to try teaching LiveCode to them.

Or, put another way: with EFL most teachers recognise the need to adhere to a heirarchy of difficulty:
you don't start using phrasal verbs with some kid who is learning how to write the colours.

https://www.jstor.org/stable/43135214?s ... b_contents

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by bogs » Thu Oct 10, 2019 10:46 pm

richmond62 wrote:
Thu Oct 10, 2019 10:24 pm
Or, put another way: with EFL most teachers recognise the need to adhere to a heirarchy of difficulty:
you don't start using phrasal verbs with some kid who is learning how to write the colours.
Granted, but if they are just learning to write color names, they sure wouldn't be far enough along to tackle a programming environment.

Not being a teacher, I am making some very large assumptions in the above, namely -
if you are teaching them coding, they are past learning color names and ready to start learning phrasal verbs, otherwise the (probably) number one handler they will learn (mouseUp) will be no less difficult to grasp than to read from the sidebar.

*IF* that is the case, and it is a large if, then I still think it would give them a headstart and, at the very least, prevent a lot of frustration by making a typo in just the handler structure.

They also won't have to *guess* what to type into the dictionary to look up how to use specific handlers, like I did when starting out :P :P
Image

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 10:52 pm

Ah, yes; but "Mr Teacher" (Miss/Ms/Mz) might gently guide them
by telling them about mouseDown and mouseUp like I did by fooling
around with a mouse on the table and clicking the thing 'Down' and 'Up'
as children at that age are not capable of abstract thought.
-
mouse.jpg
mouse.jpg (7.04 KiB) Viewed 10754 times
-
mouseStillUp

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Thu Oct 10, 2019 10:53 pm

has already been made by Richard Gaskin.
I make no claims to originality in this respect.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Fri Oct 11, 2019 7:19 am

I'm not sure how much more you could simplify the interface beyond that and have a useful toolset
Well, that statement can only be answered by a needs analysis.

I once cooked a pizza, right from flour and water up, with a plastic bag, a knife and a sheet of metal (old computer side panel)
on a fire on a beach. But, given the choice, a mixing bowl, a board to roll out the dough and so on would have made things
considerably easier.

As soon as we start working on the basis of a needs analysis we end up in subjectivity land
where Richard Gaskin's Devolution (or something like it) comes into its own.

Different teachers with different groups of pupil will need different toolsets . . .

I suppose, in a perfect world, I'd want a toolset that slowly "unfurled" as a course progressed.

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by bogs » Fri Oct 11, 2019 9:16 am

Ah, well therein lies the rub, if you desire a slow unfurling, I'd start with what Richard has, and implement a function to change the custom buttons over time to match the course speed. Of course, that wouldn't be very flexible.

Another option would again be to start with Devolution as it sits, then teach the students at some point to create each new control as it is needed, which is far more flexible but might lead the course off of a fixed routine. On the plus side, though, it would add learning how to do some customization to the environment your working in.
Image

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Fri Oct 11, 2019 9:49 am

What I did in my Coffee Break
-
TB.png
-
Of course this presupposes you have hidden all the other sections of the toolbar already.

I've deleted the stack as there is an improved version further down this list.
Last edited by richmond62 on Fri Oct 11, 2019 11:17 am, edited 1 time in total.

bogs
Posts: 5435
Joined: Sat Feb 25, 2017 10:45 pm

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by bogs » Fri Oct 11, 2019 10:08 am

That is pretty slick, now all you need to do is add the 'move each of the shown buttons into a grid format' command and resize the palette to match the size of the displayed grid :D

*Edit -
Also, ah 'ooops'...
hideToolsError.png
Hmmm.....
Image

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Fri Oct 11, 2019 10:30 am

No "ooops" round these parts: at my school;

LiveCode 8.1.8, MacOS 10.7.5

I wonder what this button is now called in 9.0.5/9.50:
-
butt-ON.png
butt-ON.png (17.03 KiB) Viewed 10635 times
-
and what possible advantage could have accrued from renaming it.

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9287
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Primary Student Livecode Interface (Simplified Developer Interface)

Post by richmond62 » Fri Oct 11, 2019 10:39 am

now all you need to do
Indeed: I love you too. 8)

Post Reply

Return to “Educational Outreach”