See: http://drupal.org/node/200675 for details

Panels 2 is a great deal more complicated than Panels 1, even while having a much more friendly and intuitive user interface. A screencast walk-through of the basic features could be extremely useful. The task is to create a short
(not more than 10 minutes) video to walk the viewer through the process of creating a panel page containing a mini panel.

* Preparation: You will need an example site with panels 2 beta 1, panels_tabs, and panels_carousel, and their dependencies installed. You will also need to thoroughly familiarize yourself with panel pages and mini panels.

* Create a mini panel:
* Use the tabs style
* Add some dummy content to each tab. Funny newspaper headlines are good. Use your imagination. If you can't think of anything, Lorem Ipsum will work.

* Create a mini panel:
* Use the carousel style
* Add enough content to loop through the carousel

* Create a panel page:
* Use the two column stacked layout
* Add some dummy content to the top, perhaps a lead in story.
* Add the tabs styled mini panel to the left pane.
* Add the carousel styled mini panel to the right pane.
* Leave the bottom panel empty or close it off with more dummy text.

* Post the resulting screencast in the videos and slides section of the handbook and link to it from http://groups.drupal.org/panels .

Resources:
Drupal's screencast guidelines are at http://drupal.org/node/62196 and must be followed.

http://drupal.org/project/panels
http://drupal.org/project/panels_tabs
http://drupal.org/project/panels_carousel

Comments

aclight’s picture

Title: GHOP: #xx: Create a short screencast introducing Panels 2 » GHOP: #134: Create a short screencast introducing Panels 2

The GHOP task associated with this issue can be found at:
http://code.google.com/p/google-highly-open-participation-drupal/issues/...

birdmanx35’s picture

The node created for this task can be found at: http://drupal.org/node/210208

aclight’s picture

Status: Active » Needs review

I don't have time now to watch the screencast, but noticed a few things:

1.) I didn't see a CC logo as recommended at http://drupal.org/node/62196. You can just add that to the beginning probably. It would also be nice to have a title screen at the beginning and at some point display the link to the handbook page you created.

2.) Add a link to your handbook page from the blip.tv video page.

3.) You might try to expand your handbook page outline/script a little. But since I haven't watched the video, maybe it's as expanded as it needs to be. It just looked skimpy at first glance, but I see you've linked to your previous tutorials, so I guess there's more to it than meets the eye.

I'll try to take a look at the video sometime soon. I'll leave the status here as needs review since these are all pretty minor issues.

birdmanx35’s picture

Aha, thanks.

I didn't go with a full script, because it seemed unnecessary when the whole screencast is based on tutorials (which I link to).

I am not sure I can add a CC to the video now, but there is a CC notice on the right column.

I added the link to the handbook page on the blip.tv.

ghankstef’s picture

Just watched the screen cast and let me say first that you did a very nice job. IF there is one complaint its no instructions on mini-panels which I am very interested in. +1

merlinofchaos’s picture

There's something in the -dev version that's making mini panels not work, so he must be forgiven for not actually displaying it. I'm pretty happy with the content of the screencast; I think it will make users hungry for more screencasts of how to do some of the more interesting things with panels.

merlinofchaos’s picture

Status: Needs review » Reviewed & tested by the community
birdmanx35’s picture

I'd be happy to do a minipanels screencast when it is fixed (for GHOP or not for GHOP).

Being involved with Panels 2 documentation specifically, instead of jumping around, has made me a lot more effective. I'm not going away any time soon.

birdmanx35’s picture

Also, the frontpage tutorial was omitted from the screencast, simply because it had to be under ten minutes. Again, I'd love to do a screencast of that, for GHOP or not for GHOP.

add1sun’s picture

Status: Reviewed & tested by the community » Fixed

Awesome job. I've marked the Google task complete.

butterfi’s picture

Status: Fixed » Needs review

As someone who hasn't been following panels very closely, this is a nice overview! Really gets me excited about trying panels out. There are some edges that could be smoother:

(Before I go further, I'm assuming the audience is a "general" developer. Knows what a module is, but may not know PHP)

As already mentioned, it would be nice if it started with some kind of title card. For a second I wasn't sure if I had missed the intro.

I'm not sure the version information at the beginning is "evergreen." This is a nice overview and may be used for some time. Also, it would be nice if you talked a little about what "panels" is supposed to accomplish.

Since this isn't a comprehensive overview, you might consider skipping the "import" comment and go right to "add".

The "CSS ID" field is probably worth just mentioning since it will most likely be necessary later. Same with CSS fields in your first example. Nothing major, but friendly to noobs.

The path field info might be a little unclear to the new user. Consider mentioning that this is the URL of the page. (Same for your variable example as well)

It's cool to skip the "Advanced Settings" fields, but it might be nice to acknowledge them, not explicitly, but saying "we're going to ignore these advanced settings for now." (Just like the arguments page)

I didn't mind that you skipped actually doing a mini-panel, but to keep this evergreen, consider not mentioning that it doesn't currently work on your machine. You're not obligated to build out everything, especially to keep things short.

For your second example it might have been nice to use a different column layout, just for variety.

I hope that's helpful. I really like what you've done so far!

butterfi’s picture

Status: Needs review » Reviewed & tested by the community

oops, fixing status

birdmanx35’s picture

Status: Reviewed & tested by the community » Fixed

Those are great suggestions, and since I've already claimed another screencast task I'll keep that in mind.

However, this task is fixed, so I'm marking it as such.

butterfi’s picture

multitask meltdown!! Should be fixed

birdmanx35’s picture

Hehe, np :)

I'm aiming to make a lot more screencasts, and this was my first so I skimmed a bit on the edges. They should improve over time, and now I know where to improve.

butterfi’s picture

This is a great start! I'm all fired up to try panels out, so you accomplished the most important bit ;-)

Anonymous’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.