Jump to content

Graham Quince

Administrators
 View Profile  See their activity

  • Posts

    2,048

  • Joined

  • Last visited

 Content Type 

Posts posted by Graham Quince

    Adobe Captivate

    in Learn / Play / Progress

    Posted

    Unfortunately the SCORM workaround was to host the files in Google Drive - but Google pulled support for hosting on 1st September.  

    SCORM support is currently "under consideration" on the ideas portal - http://ideas.frogcommunity.com/ideas/FRG-I-461  The more votes we have for it, the easier the business case becomes to invest time in developing a player.

    I'm not sure what Tin Can is, but i take it you need more than download options?

    Learning FrogLearn

    in Showcase

    Posted

    Introducing a new series of tutorials on FrogCommunity: Learning FrogLearn

    https://www.frogcommunity.com/learning-frog 

    Each site takes one aspect of FrogLearn, introduces it with a video then walks you through the basics of that aspect.  This is not designed as a defintive list, but takes a light touch approach rather than going in-depth.   My hope is that you will be able to direct your teachers to these training materials and they will work through them in their own time.

    in the meantime, @Edd has been working on some in-depth guides showing the full range of features in FrogLearn.  We're hoping these will complement each other.

    guides.JPG

    Any suggestions for additional guides are always welcome.

    • Like 2

    Blog/RSS Feed

    in Learn / Play / Progress

    Posted

    How would your deputy head feel about having a site that he added a new text widget to for each post?  You could then use a Nested Page to bring this onto your staff dashboard.

    With a bit of styling (I can help) you could tweak each text widget to make it clear it is separate from the others (or jsut use the spacer widget)

    • Like 1

    HTML Code Help

    in Coding

    Posted

    Hi @Sue Busher

    It's really simple, just right-click on a website link widget and choose Inspect Element.  In the console which pops up, copy the highlighted section. 

    <div class="draggable sites_widget" data-uuid="BE192E2E2001B55EF23EDF7D7D59D40A84F4E6BCA96247B6" data-content-uuid="7BC5A604200282C95A9E8F687BAD52013AFD50BC439176B0"><div class="widget-close" style="display: none;"></div><div data-name="Widget.Sitelink" class="widget-content link-widget widget_sitelink"><div class="content-wrapper">
    <div class="column link-info">
        <h2 class="os-ellipsis" title="How we tackle bullying in our schools">How we tackle bullying in our schools</h2>
        <p class="os-ellipsis" title="Kate Wragg, Head of ICT for Education and Leadership Trust talks about their anti-bullying strategy">Kate Wragg, Head of ICT for Education and Leadership Trust talks about their anti-bullying strategy</p>
        
    </div>
</div>

<div class="column widget-icon-wrapper">
    <div class="widget-icon os-background-default" style="background-image: url(&quot;file/resource/986C0DE9200309A504BD9F0B7CEBBB01911FFC4C1164E285&quot;);"><img class="site-icon" alt="icon" src="file/resource/986C0DE9200309A504BD9F0B7CEBBB01911FFC4C1164E285"></div>
</div>
</div></div>

    You then just need to change bits and strip out what you don't need and add an <a href=""> over the whole thing. 

    <a href="">
<div class="draggable sites_widget"><div class="widget-close" style="display: none;"></div><div data-name="Widget.Sitelink" class="widget-content link-widget widget_sitelink"><div class="content-wrapper">
    <div class="column link-info">
        <h2 class="os-ellipsis" title="Your title">Your title</h2>
        <p class="os-ellipsis" title="Your details">Your details</p>
        
    </div>
</div>

<div class="column widget-icon-wrapper">
    <div class="widget-icon os-background-default" style="background-image: url('image web address');"><img class="site-icon" alt="icon" src="image web address"></div>
</div>
</div></div>
</a>

    Extra tip:

    If you use the Text widget to make a link, come out of the editor then Inspect and copy that link, it will provide you with the <a href > you need for your link.  I'm guessing you're wanting to make page links.

    • Like 1

    JSON

    in Coding

    Posted

    You can parse JSON with the HTML widget.  If you can post what you've been given here (or email it to me) i'll try and find someone to take a look.

    Widget ideas

    in Learn / Play / Progress

    Posted

    I was all excited the other day and showed off my first widget.

    Speaking to @clangstaff he suggested we create a thread asking for ideas about what widgets you want built.  It would be cool when FrogCode is released to have a bunch of widgets ready to go, but Chris' suggestion went further: "wouldn't it be great to have a section on the forums where people could post requests, and those school devs who can make widgets were able to respond and build them".

     

    Current thinking is about FrogCode and widgets.  You will be able to share and download widgets from the FrogStore but these widgets will have their code "locked".  We'll be creating an area on the community site where you'll be able to share "open" widgets if you wish.

     

    So...given all that, let's start with a list here of widgets you'd like to see and if this is successful, we'll expand it into it's own section

    • Like 1

    My first widget

    in Showcase

    Posted

    Hi folks,

    I know we've been talking about FrogCode IDE for some time, but today I got my hands on an alpha build.  With only a few pointers from @Chris.Smith, I've been able to build a widget in Frog.
     

    I've called it Embed or Link and it's a widget which detects if you're trying to embed a website which cannot be embedded because it doesn't have HTTPS security.  If it can't be embedded it provides a link instead.

    Using basic IF statements in Javascript, I was able to really quickly assemble a widget (less than an hour).  The screenshot below shows four examples of it in action.  Hopefully you can see it also takes embed codes!

    myfirstwidget.JPG

    There is literally not much work left by Chris and the team before we start talking to schools for a beta trial.  If you're comfortable with code and would like to be part of the beta trial, let me know here or PM me.

    • Like 1

    My Assignments HTML

    in Coding

    Posted

    That's right.  You need to add the last example to the converters section, replacing this: 

                            .map(function(assignment) {
                            return assignment.assignment;
                        })

    with this: 

    .map(function(assignment) {
    return assignment.assignment;
}).filter(function(assignment){
    return !assignment.complete;
}).filter(function(assignment){
    return assignment.attr('subject').name==="Geography";
})

     

    My Assignments HTML

    in Coding

    Posted

    Hi @Sue Busher

    So, to add a completed filter we need to add to the converters section: 

    converters: {
            /*
             * Instructions for how to deserialize the network response
             * See: https://api.jquery.com/jQuery.ajax/#using-converters
             *
             * @param jqXHr Network Response
             * @returns Frog.Model.List List of Assignments
             */
            'json assignments': function(resp) {
                return Frog.Model.models(
                    Object.values(resp.response.assignments)
                        .map(function(assignment) {
                            return assignment.assignment;
                        })
                    );
            }
        }

    After the .map function, let's add a filter to return a result if the assignment is not marked as completed: 

    .map(function(assignment) {
    return assignment.assignment;
}).filter(function(assignment){
    return !assignment.complete;
})

    And we can add another filters for a specific subject: 

    .map(function(assignment) {
    return assignment.assignment;
}).filter(function(assignment){
    return !assignment.complete;
}).filter(function(assignment){
    return assignment.attr('subject').name==="Geography";
})

    Does that make sense?

    Displaying a PDF

    in Learn / Play / Progress

    Posted

    Just to make things really annoying for you, i've dialled into Gosforth's platform looked at the staff bulletin on both Chrome and IE and the PDF loaded into both browsers (eventually).  I have a vague memory of learning that IE did have a file size limit whih might be what you're hitting.

    HTML Widget

    in Coding

    Posted

    Hi @Sue Busher

    The code you have here is trying to embed an HTTP webpage inside an HTTPS one.  You can't do this.

    I did quickly try:

    <!-- MSE Search Widget --> <iframe id="mse-search-widget" src="https://mystudentevents.com/widget/" width="100%" height="130" frameborder="0" scrolling="no"></iframe> <!-- end MSE Search Widget -->

    Which loads up after a fashion.  

    Password expired causing problems

    in Learn / Play / Progress

    Posted

    On 02/11/2016 at 12:54, ADT said:

    We only expire our password once a year....  three weeks before the summer holidays...  so students will be forced to change there password when they log onto the school network before they break up!! :)

    Doesn't that cause problems?  Students trying to remember passwords they set before the summer?

    Style sheets inside image properties

    in Coding

    Posted

    Strange - no luck here in either Chrome or IE.   The rotate value is set to 360, which i think is causing it to flip all the way around.  Are you seeing it spin?

    The border is having no apparent effect either - although all images uploaded to the community already have a border-radius setting.

×
×
  • Create New...