[p2pu-webcraft] Create a mini study group working on embed mockups for new.p2pu.org?
Dan Diebolt
dandiebolt at gmail.com
Thu Apr 14 14:41:17 UTC 2011
That sounds like a lot of busy work to me so I will pass on the opportunity.
All that is need to use <iframe>s now within new.p2pu.org is to flip the
switch on the CKEditor configuration. If someone wants to raise a specific
security concern I will be happy to address that when it occurs.
Regarding, your comment: "It would be great if embeds could be held in a
collapsible div that allows for the option of collapsing or opening in a new
window" this is easy to do. In this example I have three links to a couple
of videos and a slideshare presentation:
http://jsfiddle.net/dandiebolt/agaCq/embedded/html,result,js,css/
Look first at the HTML panel and next at the Results panel. If you click
anywhere within the whitespace of the page the content will be embedded
inline. This example uses embed.ly but the general idea is easy to
implement especially for specific content.
Finally, look at the JavaScript panel and you will see that this trick
is achieved with a tiny amount of code.
I am not suggesting using embed.ly but this example demonstrates how easy an
idea like this could be implemented. Be that as it may, users will still
enter their content through the CKEditor. So they could easily enter some
HTML for <a> hyperlinks and simply add a class indicating they want CKEditor
/ Lernanta to synthesize the code that will allow the hide/show behavior you
want. This is not difficult to do conceptually although I am sure there is
some plumbing involved.
On Thu, Apr 14, 2011 at 5:27 AM, Pippa Buchanan <Pippa.Buchanan at gmail.com>wrote:
> Hi Dan,
>
> - I really like that example from the Andrew Woolridge blog.
> - It's a much more minimal example than other JSFiddle embeds I've seen
> and provides viewers with the option of expanding it. Nice!
> - The Lighthouse ticket for this request has the initial iteration of
> this feature listed for release 0.6 on May 23rd - which means that you don't
> have long to wait. :-)
> -
> http://p2pu.lighthouseapp.com/projects/71002/tickets/9-kind-of-content-that-we-can-display
>
> Would you be able to help out on this ticket and organise this work as a
> short term (3 week?) study group on new.p2pu.org?
>
> I know that there are overlaps with the examples you made on the current
> site <http://p2pu.org/webcraft/embed-external-content-p2pu-pages>, but
> this is a great opportunity to have learners respond to a clear feature
> request, produce a wireframe and mockup examples in an existing site
> structure.
>
> - One thing that would be very useful for you to work on is a
> wireframe* that provides a general use case for embeds in a column with
> width 646px and height of about 400px (to suit videos).
> - * The habit is for Lernanta devs to use Cacoo for wireframes.
> When you save the wireframe you can also make the wireframe shared and
> editable by the rest of the community.
> - Some ideas:
> - It would be great if embeds could be held in a collapsible div
> that allows for the option of collapsing or opening in a new window
> - have the URL displayed<http://33rockers.com/jquery-iframe-plugin-demo/>if JavaScript is turned off etc
> - If you also want to develop an HTML mockup for the new.p2pu.orgsite I'm sure that would also be very useful.
> - You're welcome to contribute to implementing the tool yourself in
> Lernanta if you're comfortable developing in django.
>
> We'd really appreciate your contributions in getting this first pass of
> this feature developed for v0.6. Let's use the Lighthouse ticket for further
> discussions if you don't want to create a study group. Once we've got a
> wireframe and potentially an html mockup made we can bring it back for the
> community for discussions.
>
> Best,
>
> Pippa
>
> On 14 April 2011 04:03, Dan Diebolt <dandiebolt at gmail.com> wrote:
>
>> Several points to explore / ponder:
>>
>> (1) There is a large list of tools that have been categorized and
>> harvested from several sources (courses, discussion lists, private emails
>> etc):
>>
>> http://wiki.p2pu.org/w/page/28952063/community-toolbox
>>
>> <http://wiki.p2pu.org/w/page/28952063/community-toolbox>In parallel with
>> the debate over content and embedding reaching a boil, it would be wise for
>> users to list any tool or resource they used in a course and how they
>> accessed it. There are several problems with these external tools no matter
>> how good they are: (a) there is no convenient way in the P2PU platform
>> to aggregate the content or URLs these tools produce (n users, m assignments
>> produce n * m URLs over the lifetime of a course), (b) there is no way to
>> search or archive the content produced which cheapens the value of course
>> work product being created with CC BY-SA licensing, (c) only a few of these
>> resources can create content that is (i) collaborative,
>> (ii) fork-able, (iii) comment-able, and (iv) embeddable (these are key
>> ingredients to open learning). gist.github.com and jsfiddle.com meet all
>> these requirements.
>>
>> (2) If you look at a jsFiddle in its editing mode you will see a button
>> labeled "Discuss" which is linked to the disqus.com service. Nobody uses
>> it and for various reasons and I think it is being removed from jsFiddle.
>> Part of the nobody uses it is because you can only see the discuss tab only
>> while in editing mode and it takes several clicks to make or read a comment
>> while users expect comments to be inlined underneath whatever they are
>> commenting on. In other words you can you can't see or make disqus comments
>> when the fiddle is embedded.
>>
>> (3) jsFiddle is more than just an rapid way to create an WebCraft
>> examples. It is jam packed with modern JavaScript frameworks, user interface
>> components and libraries to allow single page applications to be created to
>> be used as TOOLS. These tools can be used to produce content for P2PU (a
>> movie or animation perhaps) or a TOOL used in another school or course. For
>> example, every single example from this JSXGraph repository (~200 items):
>>
>> http://jsxgraph.uni-bayreuth.de/wiki/index.php/Category:Examples
>>
>> can easily be converted to a jsFiddle which could then be easily
>> incorporated into an appropriate math courses where the users or the course
>> organizer could rapidly fork and modify an example to serve some new
>> learning objective (like enjoy math).
>>
>> _______________________________________________
>> p2pu-webcraft mailing list
>> p2pu-webcraft at lists.p2pu.org
>> http://lists.p2pu.org/mailman/listinfo/p2pu-webcraft
>>
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.p2pu.org/pipermail/p2pu-webcraft/attachments/20110414/53120c5d/attachment.html>
More information about the p2pu-webcraft
mailing list