Jump to content
pconkie

Make any worksheet consumable

Recommended Posts

What do we have lots of? 

Well, I've got loads of worksheets - some really good 'old ones' long since scanned to computer and of course all the recent ones created on computer....

Most of them are sat in frog sites so that students can download and print them off should they lose their own.

But what if all of these worksheets could be completed on frog without the need to turn them into frog quizzes or use a third-party site or app?

Well, as this is the showcase.....

https://drive.google.com/file/d/0B2QYvi40BJqDRWw0N3JPVUdqWk0/view?usp=sharing

Sorry there is no sound on the video, I need to invest in a microphone!

Features

Could be used as a basic painting app

Allows a file to be loaded into the background - this means you can write, type and draw over the top but the eraser won't wipe out the underlying file!

Normal and full-screen modes

Zoom and pan - watch the ink marks move with the worksheet

Save button produces a .png file of the entire work which can be saved in the usual way or copied and pasted into a document (or uploaded and handed in!)

It's based on http://literallycanvas.com. All I have done is make it work in frog and integrate it with FrogDrive.

To do

Save the ink so the student can return to the worksheet later (if only there was a way of saving data in frog!)

Save the ink and display to the teacher all of the worksheets in their current states - with some work it should be possible for the teacher to "watch live" as the worksheet is completed and so know where to target help first.

Think about what happens \ what we would want to happen, if this is part of a site that has been assigned to a group/student.

Only works for image files at the moment - any server side devs at frog got anything for on demand file conversion?

 

If anyone can help with any of this we can share the code and half the work...

Paul

Edited by pconkie
  • Like 2

Share this post


Link to post
Share on other sites
10 hours ago, pconkie said:

Zoom and pan - watch the ink marks move with the worksheet

Save button produces a .png file of the entire work which can be saved in the usual way or copied and pasted into a document (or uploaded and handed in!)

It's based on http://literallycanvas.com. All I have done is make it work in frog and integrate it with FrogDrive.

To do

Save the ink so the student can return to the worksheet later (if only there was a way of saving data in frog!)

Save the ink and display to the teacher all of the worksheets in their current states - with some work it should be possible for the teacher to "watch live" as the worksheet is completed and so know where to target help first.

Any chance of this being shared :D

Share this post


Link to post
Share on other sites

FrogSeats is great thanks Paul :) this worksheet app would be amazing for classroom use

  • Like 1

Share this post


Link to post
Share on other sites
On 26/07/2017 at 13:06, pconkie said:

Just getting it to save the ink now!

How is FrogSeats going?

Wait a min....  did i miss out because i was in the US?????  Shocking!! o.O

Share this post


Link to post
Share on other sites
3 minutes ago, Graham Quince said:

?

FrogSeats!!

Share this post


Link to post
Share on other sites

You were there at the conference!

"Paul is happy to share FrogSeats with the wider Frog community, but as a deputy head, he is concerned about finding time to support his code.   Paul's code relies heavily on Frog's internal APIs which are subject to change by our developers.  When we update FrogLearn's code, the seating app may stop working.  I do not think any changes we are making in the Da Vinci release (October) will have an impact, but cannot guarantee that is the case.

If you're still happy to proceed, I can install FrogSeats for you and talk you through how to get started."

Share this post


Link to post
Share on other sites
24 minutes ago, Graham Quince said:

You were there at the conference!

"Paul is happy to share FrogSeats with the wider Frog community, but as a deputy head, he is concerned about finding time to support his code.   Paul's code relies heavily on Frog's internal APIs which are subject to change by our developers.  When we update FrogLearn's code, the seating app may stop working.  I do not think any changes we are making in the Da Vinci release (October) will have an impact, but cannot guarantee that is the case.

If you're still happy to proceed, I can install FrogSeats for you and talk you through how to get started."

I'll give it a go...  I assume I'll have to work out how to get staff and student photos from Sims as well!!!  Think Paul did something about that as well....  he'll be doing you out of a job soon!!!!!!!  

Share this post


Link to post
Share on other sites

Student photos will be uploadable via the Service Desk from Da Vinci.   

FrogSeats is installed for you now.  Don't get shouty if it doesn't work with your Frog3/FrogLearn setup ;)

Share this post


Link to post
Share on other sites
On 8/3/2017 at 05:13, Graham Quince said:

Student photos will be uploadable via the Service Desk from Da Vinci.   

FrogSeats is installed for you now.  Don't get shouty if it doesn't work with your Frog3/FrogLearn setup ;)

Where does one find out more info on FrogSeats?  Searched the Forum but seems to be relevant to this thread.

Share this post


Link to post
Share on other sites

If you are a google and Frog client, you may be able to do much the same as this with Google Draw.  You can upload the PDF and students can fill it out and submit it.  

 

Matt

Share this post


Link to post
Share on other sites
On ‎03‎/‎08‎/‎2017 at 09:13, Graham Quince said:

Student photos will be uploadable via the Service Desk from Da Vinci.   

FrogSeats is installed for you now.  Don't get shouty if it doesn't work with your Frog3/FrogLearn setup ;)

By the way I don't think its works with my Frog3/FrogLearn setup............ oops sorry....  BY THE WAY I DONT THINK IT WORKS WITH MY FROG3/FROGLEARN SETUP!!!! :rf

  • Haha 1

Share this post


Link to post
Share on other sites

This one is currently not working - sorry. A combination of changes to frogcode, googles firebase and the way the grid filters websockets.  Haven't had time to fix yet!

  • Sad 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By Graham Quince
      When I posted the snippet to allow you to restyle of My Notes, I hadn't thought that it wasn't as straight forward to change the title of Phrase of the Day. This bit of CSS is the easiest way I've found of changing all Phrases of the Day, although if you combine it with the the technique(?) mentioned in the restyling My Notes, you can restyle individual widgets in the same way.
      <style> .widget_phrase-wrap .header { height:50px; overflow:hidden; } .widget_phrase-wrap .header h2::before { content: 'My own title \a'; white-space: pre; } </style>  
    • By Graham Quince
      Here's a new FrogCode widget:
      https://www.frogeducation.com/community/frogcode/frogcode-showcase/visitor-log
      We worked with George Bligh from Greenshaw on this widget.  When someone views a page with this widget on, it records their visit.  Anyone with Edit and Manage rights gets a button which displays a list of all visitors, their profile, their children (if a parent), how many times they have visited the site and the time and date of their last visit.

      (This widget uses the datastore - a little known about feature of Frog's API.)
    • By Phil Stiles
      Hi, I am trying to create a widget that is able to pull the Total Positive Behaviour Points into a variable, the end result is we will use an if statement to display a specific image depending on a number of points the student has.
      I have started by testing with the HTML widget. using the below code to see if I can use the behaviour.getBehaviourTotals API to get the total points this year for the user, however, it is not working.
      <script> var $ap,user; //Create a div, and give it a unique ID $ap = $("div", { id: Frog.Utilities.generateSimpleID() } ); $ap.html( '<b>Your House Points:</b>'+ '<table clase="table" id="your_points">'+ '<tr>'+ "<th>This Year</th>"+ '</tr>'+ '</table>' ); // Use Frog's API to get the logged in student user = FrogOS.getUser(); // Use Frog's API to get Behaviour points Frog.Model .api('behaviour.getBehaviourTotals',{ Student_uuid: user.uuid, }).done(function(behaviourResponse){ behaviourResponse.data.pos.year(function(work){ $ap.find('tbody') .append( '<tr>'+ '<td>'+ data.pos.year+ '</td>'+ '</tr>' ); }); }); arguments[0].append($ap); </script> any advice appreciated.
      Phil
    • By Graham Quince
      The brilliant @Simon Law has built a new widget which adds a site's menu to a page, to save us all from having to do this manually using text widgets.
      You can download this from the showcase page:
      https://www.frogeducation.com/community/tutorials/frogcode/frogcode-showcase
×
×
  • Create New...