Learn as you go Drupal concept | Sotak.co.uk


myself

Hi there...
My name is Marek Sotak and I am a freelance drupal developer, consultant and designer based in London. I have more than 7 years of experience creating customized web applications for clients.

My areas of expertise include graphic design, custom websites, and Flash applications. I also specialize in Drupal, a highly customizable and robust content-management system. Click here to contact me

Popular content

calendar-icons Calendar Icons
Free calendar icons for your blog
free-mascots Free Mascots
Mascots for your web
root-candy-admin-theme Root Candy
Admin theme for drupal
drupal-profile-buttons Drupal.org buttons
Buttons to link to your d.o profile

London Drupal training

Are you looking for a Drupal training course in London? Let me know and if there will be enough attendants we can organise one.
Contact me

Twittering

  • Twitter is loading...

view my drupal.org user profile
individual member - drupal
  • blog
  • services
  • portfolio
  • testimonials
  • contact

23

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!

AttachmentSize
001.png69.74 KB
002.png74.24 KB
  • 824 reads
  • Delicious Delicious
  • Technorati Technorati
  • drupal
  • drupal usability
  • module development
  • planetdrupal

Comments

Sat, 02/23/2008 - 23:25 — sepeck (not verified)

install profiles maybe

I wonder if this is something that could be accomplished through install profiles.

  • reply
Sun, 02/24/2008 - 01:32 — sign

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 :)

  • reply
Sun, 02/24/2008 - 01:50 — clouseau (not verified)

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.

  • reply
Sun, 02/24/2008 - 02:11 — sign

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.

  • reply
Sun, 02/24/2008 - 06:22 — sepeck (not verified)

somewhat

You can prepopulate a lot of things, blocks, content, nodes, theme... I also believe the installer is scriptable as well.

Have fun.

  • reply
Sun, 02/24/2008 - 19:23 — hailstorm (not verified)

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

  • reply
Sun, 02/24/2008 - 20:13 — sign

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. ;)

  • reply
Mon, 02/25/2008 - 11:23 — Gábor Hojtsy (not verified)

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.

  • reply
Mon, 02/25/2008 - 16:05 — sign

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!

  • reply
Wed, 04/23/2008 - 02:56 — Rostyslav (not verified)

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?

  • reply
Wed, 04/23/2008 - 05:27 — sign

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 :)

  • reply

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
11 + 6 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.