Your SlideShare is downloading. ×
Get CloudEngine IET coffee morning July 2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Get CloudEngine IET coffee morning July 2011

597
views

Published on

The slides from this morning's talk, in the Jennie Lee Building, at The Open University. …

The slides from this morning's talk, in the Jennie Lee Building, at The Open University.

By Nick Freear.

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
597
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Comments? http://cloudworks.ac.uk/cloud/view/5100 License: Creative Commons Attribution-ShareAlike License, except where noted, http://creativecommons.org/licenses/by-sa/3.0/ This presentation will review the development of the open source CloudEngine software and provide an update on the prototype site Cloudworks CloudEngine: http://getcloudengine.org CloudEngine Demo: http://dev.getcloudengine.org CloudEngine blog: http://cloudengineblog.wordpress.com OULDI blog: http://www.open.ac.uk/blogs/OULDI Project mailbox: cloudworks@open.ac.uk Who else? Juliette Culver – Lead/ original developer (on maternity leave) Gráinne Culver – OULDI project lead Rebecca Galley – Open University Learning Design Initiative (Project Officer) Richard Lovelock – Cloudworks/ CloudEngine developer
  • A number of the slides, including this one, are by Rebecca Galley! 1. Low barrier to entry – imperfect is OK! 2. Folksonomies not taxonomies 3. Tool-agnostic 4. People-orientated 5. Open 6. Link with communities, rather than replace 7. Recognise role of learning technologists and other mediators 8. Encourage discussion of learning design problems 9. Recognise ownership issues 10. Release early, release often
  • (Slide by Rebecca!) Jyri Engström http://www.zengestrom.com/blog/2005/04/why-some-social-network-services-work-and-others-dont-or-the-case-for-object-centered-sociality.html http://annlytical.com/phd/2011/6/23/engstrom-2005.html Cloudworks has been developed in order to support these social, collaborative and dialogic design processes - throughout development we have drawn considerably on the work of Engestrom, Dron and Anderson, and Bouman. Firstly, the site is essentially object-centred rather than ego-centred in nature. Engestrom focuses on the notion of social objects, saying that: The term 'social networking' makes little sense if we leave out the objects that mediate the ties between people. Think about the object as the reason why people affiliate with each specific other and not just anyone... And goes on to argue: “ The fallacy is to think that social networks are just made up of people. They're not; social networks consist of people who are connected by a shared object.”
  • Secondly, the design framework is one based on sociality. Core to this approach are a number of assumptions which come from Bouman et al. Firstly, that the system needs to accommodate both the evolution of practices and the inclusion of newcomers. Secondly, that individual identity is important so there needs to be a mechanism to enable the development of identities. Thirdly they argue that people are more inclined to use software systems that resemble their daily routines, language and practices than to adopt whole new concepts, interfaces and methods. And that metaphors and structures that mimic real life practices are likely to be more successful
  • (Slide by Rebecca.) DBR - An iterative cycle of rapid prototyping, user testing and adaptation Many of you will already be familiar with the prototype site – Cloudworks...( next slide)
  • (Slide by Rebecca) A place for sharing and discussions learning and teaching ideas Application of the best of Web 2.0 practices Launched July 2009 Over 4000 registered users Over 95,000 unique visitors (on average over 1000 unique visitors a week) – as of mid-June 2011. Cloudworks is a social network specifically aimed at supporting sharing and dialogue between educators, technologists, strategists and policy makers. New pedagogies and innovative use of technologies seem to offer so much in terms of providing new, exciting educational experiences for learners. However taken as a whole, the majority of educational offerings are still based on fairly traditional approaches, with a primary focus on content and assessment of outcomes, delivered via traditional didactic approaches. Educational innovations in both pedagogical approaches and innovative use of technologies remain the remit of educational innovators or early adopters It is important not to underestimate the barriers which are not just technical, but also pedagogical and organisational in nature. As part of the OULDI project we have conducted many interviews with teachers working in HE and they tell us for example: [there is a] “problem of doing something new (for example, oral assessment). Innovation is encouraged in the university but systems are quite set in their ways.” They often mention a lack of time or lack of skills or that they receive not support or rewards for using technologies. There is an inherent tension between the pressures of excelling in research versus promoting innovative approaches to learning and teaching. Teachers lack the necessary new forms of digital literacies needed to make effective use of new technologies, and some have concerns as to whether or not these new technologies are indeed any better than existing approaches They tell us that what they want are case studies, other practitioners to talk to and discuss ideas with - and it is this need that Cloudworks hopes to address.
  • Screen shot of a CloudEngine home page. Demo site, http://dev.getcloudengine.org Aurora theme, by Stephen Turvey / Yep Design, http://stephenturvey.co.uk/ Stable: CloudEngine 1.1.2 Tip/ development: CloudEngine 1.1.3-dev Clone with Mercurial $ hg clone https://bitbucket.org/cloudengine/cloudengine
  • A formal 'mission' would be: Develop software to make creating social web sites easier Keep the essence of Cloudworks Keep it small and lightweight Make it flexible, extensible, usable, accessible.   What CloudEngine is not: Not a 'Swiss army knife', eg. a general purpose Content Management System/ CMS. Not a desktop tool!
  • Top photo: Copyright © Juliette Culver, of J.Culver and baby.   People: Juliette Culver collaborated with Gráinne Conole on initial devlopment. Prof. Gráinne Conole is the academic lead on Cloudworks and the OULDI project. Juliette was lead developer until November 2010 - she's now on maternity leave. Mum & baby doing well! Rebecca Galley helps build and research the Cloudworks community. Nick Freear is acting lead developer on Cloudworks and CloudEngine. Richard Lovelock is a welcome addition to the development team, working on Direct Messaging and Search among other things.   Other contributors:   Stephen Turvey / Yep Design - graphic design, Cloudworks & Aurora themes. Martha Vasilidou - Greek translation. Asger Harlung – Danish. 3rd party developers - CodeIgniter, TinyMCE, jQuery...! Tools - Bitbucket.org Funders: The Open University JISC via OULDI project EU via EUPT3 project
  • Defining key terms Clouds - one person starts, others collaborate with extra content, comments, embeds, links... Cloudscapes - group Clouds around a theme or event. Technical Uses PHP 5 and MySQL Built on CodeIgniter MVC framework - lightweight, easy to learn Prefer Apache and mod_rewrite Clean URLs Uses jQuery, Tiny MCE editor, Mollom anti-spam oEmbed for embedding GNU Gettext for localization Configurable REST API, internationalization, moderation… Built with accessibility & standards in mind
  • Screen-shot from blog-post by Richard Lovelock, http://cloudengineblog.wordpress.com/2011/05/27/search-usability-enhancements/ Search – before… BUG - some searches failed – eg. “Events” All results were listed – the screen-shot above has the annotation “Very large page to scroll through”! No indication of relevance/ score, how results were ordered etc. Usability testing showed that people didn’t concentrate on the top few results – influence of adverts/ Google sponsored links??
  • Search enhancements – after… Performance fixes – fixed the bug for searches like “events”, Usability enhancements – shorter lists, tabs, Uses SimplePager, http://www.geckonewmedia.com/blog/2009/8/20/simplepager---jquery-paging-plugin--updated Browser plug-in By Richard Lovelock (and Nick Freear) Screen-shot, http://cloudworks.ac.uk/search/result?q=JISC
  • Screen-shot from, http://cloudworks.ac.uk/cloud/view/5426 OU embeds, http://freear.org.uk/content/ou-embed-proposal OU player, http://freear.org.uk/content/ou-media-player-project Also new Embeds for Timetoast (timelines), Cacoo (collaborative diagrams), Github Gists… Embed Javascript, http://embed.open.ac.uk/scripts/jquery.oembed.js Builds on “MALT Wiki” prototype - http://maltwiki.org/ TODO Embeds for CompendiumLD / SVG – with OULDI/ Andrew Brasher Embeds for Mathtran, Cohere, Google Docs/ Spreadsheets, MIT Scratch ...
  • HTML5 – form usability, http://cloudworks.ac.uk/auth/register Benefits: Browser performs error-handling, without Javascript, Simple new attributes, type=email|url|date …, required, pattern, placeholder … Consistent error handling, eg. type=email Consistent error reporting – accessibility/ usability, Consistent Javascript/DOM API. … In supporting browsers/ with HTML5 emulation. Examples: <input type="email" required placeholder="you@example.org" ../> <input type="password" name="confirm" oninput=" setCustomValidity( value!=password.value ? 'Error, the passwords should match' : '' )" ../> Works best in: Opera 9.6+ Firefox 4+ Half a job - Webkit: Safari Chrome TODO: Form coverage Date/ time fields HTML5 form emulation – for older browsers, MSIE 9, Webkit etc.
  • Here are some examples - a bit technical!
  • Messaging Private, direct To multiple participants By Richard Lovelock
  • Roadmap – code development Roadmap – community/ sustainability Potential internal uses: Curriculum Business Model site Knowledge Network “replacement”
  • ROADMAP Search enhancements – Done. Messaging – Done. HTML5, forms – Started. More embeds – LAMS, Prezi, Google Spreadsheets, OU player (OU embed/ oEmbed). Improved project site. * Pluggable authentication? * Extensions, integrations, API, RDFa… You help decide! Ideas for integration - consume feeds, data etc. Eg. integrate with Moodle....?
  • (Slide by Rebecca) A rigorous programme of user testing and feedback, and usability and accessibility audits, have informed the development of support and guidance materials which happened in parallel with the technical development - and include videos, presentations and documents aimed at supporting activity and collaboration on the site. Most of this support and guidance is underpinned by research and has been empirically tested. We believe many of our findings are transferable to other open network platforms and the Cloudworks guidance and support has been designed so that it can be easily repurposed to support activity on any CloudEngine community.
  • Our interest is in supporting the process of development of weak ties between groups to the stronger more cohesive ties that can be seen to emerge from repeated and iterative collaborative activity that happens within, across and between more established communities. Our framework focuses on supporting 4 aspects: Firstly Participation – Encouragement and support for a core group of participants, who contribute regularly and in encourage the engagement and activity of others. Strategies to engage or ‘nudge’ participants to make repeated contributions. Ways of prompting people to contribute into the wider Cloudworks space and draw others back to the designs. Identification of the special roles participants can take on and understanding of the hierarchical structures which we can see are effective in promoting and supporting collaborative activity. Secondly Cohesion – Providing a space that fosters professional and friendly discussion which encourages new, and perhaps inexperienced, visitors to participate. A space where people show a willingness to listen and learn from others. Thirdly Identity – Support for communities in establishing a shared vocabulary and phraseology. A place where participants can start to feel a sense of belonging, or sense of ‘us’. And finally, Creative capability – Ensuring that visitors to the site understand the purpose of what they are doing. Are helped to develop the skills they need to participate in the space. Feel drawn to participate and get involved. A framework so that they feel able to share experiences from a variety of different contexts, contradict and challenge assumptions and establish and articulate links between concepts and ideas?
  • Comments? http://cloudworks.ac.uk/cloud/view/5100 License: Creative Commons Attribution-ShareAlike License, except where noted, http://creativecommons.org/licenses/by-sa/3.0/ Also, visit the ‘Using Cloudworks’ Cloudscape - http://cloudworks.ac.uk/cloudscape/view/1911 CloudEngine: http://getcloudengine.org CloudEngine Demo: http://dev.getcloudengine.org CloudEngine blog: http://cloudengineblog.wordpress.com OULDI blog: http://www.open.ac.uk/blogs/OULDI Project mailbox: cloudworks@open.ac.uk
  • Transcript

    • 1. Get CloudEngine Cloudworks open-sourced Comments? cloudworks.ac.uk/cloud/view/5100 Nick Freear – CloudEngine lead developer - @nfreear IET Technology Coffee Morning, The Open University, July 2011 #ouTCM
    • 2. Agenda
      • Background to Cloudworks/ CloudEngine
      • CloudEngine features
      • Recent work
      • Roadmap
      • Get involved
    • 3. First concepts...
    • 4. Design...
      • Object centred rather than ego-centred in nature
      juhansonin http://www.flickr.com/photos/juhansonin/2250554147/ “ The fallacy is to think that social networks are just made up of people. They're not; social networks consist of people who are connected by a shared object.” (Engestrom, 2005)
    • 5. Design...
      • Design framework based on sociality
      juhansonin http://www.flickr.com/photos/juhansonin/2250554147/
            • The system needs to accommodate both the evolution of practices and the inclusion of newcomers
            • That individual identity is important so the system needs to support this
            • People are more likely to use software that resemble their daily routines, language and practices
    • 6. Approach...
      • Design-based approach (DBR)
      • Development of the Alpha Cloudworks prototype in Drupal Feb 2008
      • Launch of the Beta Cloudworks prototype in CodeIgniter July 2009
      • Release of CloudEngine free and open source software October 2010
    • 7.
      • Launched July 2009
      • Over 4000 registered users
      • Over 95,000 unique visitors (1000+ unique visitors/ week)
      • Core of regular users; active discussions; events…
      Cloudworks...
    • 8. CloudEngine... http://dev.getcloudengine.org
    • 9. What?
      • Cloud Engine is an easy way to create a social web site - using 'Clouds' and 'Cloudscapes'. Ideal for events & discussion.
      • Cloud Engine is lightweight, fast & fully-featured.
      •  
      • Cloud Engine powers Cloudworks, http://cloudworks.ac.uk
      • And it's free & open source software, licensed under the GPL!
    • 10. Who?
      • Cloudworks - Juliette Culver, Gráinne Conole, Rebecca Galley
      • Institute of Educational Technology The Open University
      • Nick Freear, Richard Lovelock
      • JISC/ EU/ OU funding
      • ...
    • 11. Features
        • Clouds, Cloudscapes
        • ** Direct messaging - NEW **
        • Host & archive events - workshops etc.
        • Search, tags, user profiles, Cloudstreams
        • Favourite & follow
        • Embed video, slides, Twitter ... (oEmbed)
        • RSS feeds, API
        • Internationalized – currently English & Greek! 
        • Admin: statistics, moderation
        • Accessible, extensible, themable
    • 12. Recent work
      • More embeds: LAMS, Prezi, OU player
      • Search fixes/ usability enhance
      • HTML5 forms
      • Direct messaging
    • 13. Search before…
      • Search bug
      • Usability “Very large page to scroll…”
      • Score/ relevance?
    • 14. Search after…
    • 15. OU embeds
      • new: LAMS, Prezi, Google forms
      • HTML5: YouTube
      • OU player
      • Extends our use of oEmbed
      • http://embed.open.ac.uk
      • Todo: SVG
    • 16. HTML5 forms
      • Browser handles errors – usability, simplicity, consistency
      • type=email|url .. required, pattern ..
      • Todo: more forms
    • 17. HTML5 forms
      • <input type=email |url|... required >
      • <input
      • pattern =&quot;[a-z][w-]{3,}s?“
      • title=&quot;Minimum 4 characters, letters, numbers..” >
    • 18. Messaging
    • 19. Evolution
      • Embeds: CompendiumLD/ SVG…
      • Plugins: authentication, etc.
      • Upgrade to CodeIgniter 2
      • Project site – CloudEngine powered!
      • More internal/ external uses
      • Community, sustainability
    • 20. Get involved
        • Contribute feedback , publicity
        • Contribute documentation
        • Contribute code
        • Contribute translations
        • Ideas for integration 
      • Try out Cloudworks...
    • 21. Support & guidance...
    • 22. Community framework... Supporting interaction and productive activity Participation Cohesion Identity Creative capability
      • Sustained over time
      • Commitment from a core group of participants
      • Emerging roles and hierarchy
      • Group self-awareness
      • Shared language and vocabulary
      • Sense of community
      • Igniting sense of purpose
      • Multiple points of view expressed, contradicted and challenged
      • Creation of knowledge links and patterns
      • Support and tolerance
      • Turn taking and response
      • Humour and playfulness
    • 23. Further reading...
      • Conole, Grainne (2010). Facilitating new forms of discourse for learning and teaching: harnessing the power of Web 2.0 practices. Open Learning , 25(2), pp. 141–151.
      • Alevizou, P., Galley, R. and Conole, G., (forthcoming) Collectivity, performance and self-representation: Analysing Cloudworks as a public space for networked learning and reflection in Exploring the Theory, Pedagogy and Practice of Networked Learning. Ed.  Dirckinck-Holmfeld, L., Hodgson, V. and  McConnell, D.  London:  Springer
      • Conole, G. and Culver, J. (2009), The design of Cloudworks: applying social networking practice to foster the exchange of learning and teaching ideas and designs, special issue of CAL09, Computers and Education , doi:10.1016/j.compedu.2009.09.013
      Nick Freear (Cloudworks developer) [email_address] Rebecca Galley (OULDI project officer) [email_address] [email_address]
    • 24. Thank you
      • Go to http://getcloudengine.org
      • The Cloudworks virtual field trip http://youtu.be/N0HjlyU8OAU
      • Discuss http://cloudworks.ac.uk/cloud/view/5100
      • Twitter @nfreear
      • [email_address]
      • Questions?