Learn as you go Drupal concept
Submitted by sign on Sat, 02/23/2008 - 15:01.While working on rootcandy admin theme, I came to a nice idea.
I wanted to show a block with help on the right side, which I did. Then, I was figuring out if it could do more than just showing help for particular section and the idea of 'Learn as you go' was born.
Basically it will guide drupal users through setting up drupal for their needs, helping them to explain things, etc... It's not that easy to use drupal for new people and also finding stuff on drupal forums or handbooks is sometimes discouraging.
See screenshots below to understand what I am talking about. :)
http://sotak.co.uk/files/001.png
http://sotak.co.uk/files/002.png
On the first screenshot you can see a block on the right, which could be enabled by default after installing drupal, there can be a disable link, so people who are familiar with drupal can hide this forever and enable it in the module settings (or disable can disable whole module).
You can see there are actually few links. First three are links to actual available tutorials.
More info will link to help of this module.
Download more tutorials (guides) will use similar(if not same) system as update module. These tutorials will be available from d.o. They will consist of standardised format.
Functions of tutorials
- Remember where user finished his last tutorial. (Overview screen of available tutorials with status (started, completed)
- Each step will have its own place in tutorial specification with url where it is pointing
- Steps could interact with forms and other stuff, using jquery (for example on modules list we can use jquery to automaticaly check modules we want to install and also we can highlight them, imagine what else we can do - for example when user is adding node, we can change the learn as you go block while user clicks into different fields (title, taxonomy, body,...) - however this has to be somehow standardised
- Configuration checks - while adding new tutorial, or enabling, or going through, it should check the final configuration, whether it has been done or not or if there are any conflicts
- Dependency checks - lets say I will want to create another tutorial, but the requirement will be to finish another tutorial first. (this is not neccessary tho)
Reference - Links to drupal handbooks or other sites - Link to "I'am stuck" page, which should sit on d.o., users will be able to give feedback why they are stuck, and we can send with it configuration of drupal. So we can improve usability and/or tutorial/documentation.
- Once user has lets say enabled modules required in step 1 (page refresh), block content will change to Proceed to step 2 or if next step is on the same page, then step 2 will be displayed immediately
There are even more and more things how this can be used. It can act like a firebug or a themer.module from devel package, but outputing help.
This is very rough concept!
Again, comments highly appreciated!
| Attachment | Size |
|---|---|
| 001.png | 69.74 KB |
| 002.png | 74.24 KB |
- 824 reads
Delicious
Technorati

Comments
install profiles maybe
I wonder if this is something that could be accomplished through install profiles.
Not sure about install
Not sure about install profiles. Is it possible to have different help, like guide through your site for each install profiles? Will have to read more about it :)
This is an interesting
This is an interesting concept. Suppose that the Learn As You Go block were pulling information from a website rather than locally.
It will be better though,
It will be better though, but don't know if it won't take big amount of traffic from d.o.
somewhat
You can prepopulate a lot of things, blocks, content, nodes, theme... I also believe the installer is scriptable as well.
Have fun.
Eclipse Cheat Cheets
Hi,
have you ever worked the Eclipse IDE? The IDE uses a similar construct called "Cheet Cheats" that has multiple functions.
If you start a new project it will guide you through all the steps.
Later when you are working within a project it presents help instuctions (help texts, links to documentation, outside links, etc.).
I really like this feature, because it's easy to extend by other Eclipse Plugins.
I would say, give it a try you will like it! :-)
My personal opinion is this would be a great asset for Drupal starters. Reading your blog post made me aware of the positive aspects. If you plan to create a project of this then I would like to help.
With best regards
Mike
I am not using Eclipse IDE.
I am not using Eclipse IDE. I guess its called cheat sheets ;) And I am just looking at it and thats exactly what I had on my mind. Damn. :)
I'll make some more specs (will go through eclipses cheat sheets how they are doing it) this week and put it up. Lets call it drupal cheat sheets project. ;)
learn as you go wizard :)
Hey,
I have been thinking about this a few years ago, and it might be available somewhere in the devel list archives, but I could not find it with some search now. Basically I started thinking about creating a wizard to do these tutorials first. So you are on a page, and the tutorial wizard block is editable for you, so you can add stuff in. There needs to be an indication for users to step to the next step themselfs, and do not do it automatically, as they might wonder around a bit to learn about stuff themselfs and then come back to continue the tutorial.
I did not foresee alternate parts in a tutorial as you started this off, as it might be quite difficult to provide a wizard for, but otherwise this could be a great way to help people configure their site and know where to find what.
Hi Gabor, unfortunately
Hi Gabor,
unfortunately didnt find your messages on devel list. :/ but wizard was one of the things i was thinking about too.
I already started to work on a small module, which will have basic functionality, including wizard. JQuery is so powerful :) and it will be very easy for everyone to create a new cheat sheet.
Basicaly it will allow you to create new steps of course, and for every step you will be able to attach effects (i have only one right now (highlight) but i think you can imagine what we can do with jquery). It works same as firebug does, you are just hovering over your page (it is displaying border around divs) and once you are happy, you just click and you will be able to see the effect. Other effects such as blinking, arrows, etc... you name it ;)
Than you can go to another step, add step between, etc...
My basic idea is to use xml files, so users dont have to worry about security, as I can imagine that these cheat sheets could be done by anyone so i would expect there will be plenty of them. ;) anyone can use them really, from module developers, to seo tips, and to custom cheat sheets for your client, how to navigate in custom design, etc...
I will post all my work i have done so far tomorrow tho. probably with working module.
Thanks for your feedback!
What a great idea! I have
What a great idea! I have been wanting to learn how to use Drupal for a while now, and this will be a great help. When do you expect it to be completed?
Hi Rostyslav, well, its
Hi Rostyslav,
well, its coming along slowly, but its getting there :) got a working prototype, i assume sometime in the middle of may, i'll have beta though :)
Post new comment