Slide shows in "ordinary" wikis

[Steven Schneider]

Hello, all.

I am playing with the Punch theme, in an attempt to create slideshows within existing TiddlyWikis. I've started by trying to set up a Wiki to open with a slide show, and then move into a more familiar presentation of the wiki.

In https://stevesunypoly.updog.co/adam/empty.html (a dropbox hosted TW via updog), I've done a bunch of work to get it started. I was wondering if anyone else has played with a similar approach, or has comments on what I'm doing here.

Thanks,

//steve.

[Jed Carty]

I made the wizard wizard plugin and used it for the setup for twederation. 

The wizard wizard is here: http://ooktech.com/jed/ExampleWikis/WizardWizard/

The site using it for twederation is here: http://ooktech.com/jed/ExampleWikis/TWederation/

I don't know if it will be exactly what you want but you could probably do a similar thing with it.

[Jan]

Hi Steven,
thanks for your post. I think creating an environment for slideshows would be an important step for TW.
I made a different approach to create slideshows in slidesnsotries.tiddlyspot.com.
-It is working with lists instead of tags.
Under stories in the sidebar it contains a tool to save and load lists of tiddlers.
-I made a slideshowremote for a second monitor which can be accessed on the pagetoolbar,
-This remote contains a list to jump to tiddlers and buttons to change theme and pallete.
-I also have chosen punch as a first attempt for a slideshowtheme but I am not really satisfied with the punch theme because it has troubles with the fullscreen-mode.

I am still looking for a theme/plugin which has more options, especially for combining text with images and animations more precisely.
I would like to have a mechanism to split tiddlers in tinier parts for presentations (1-5 Prases Maximum) and display the extracted parts with something like impress.js or reveal.js.
Alas, this is beyond my skills for now...
I hope some of you share such Ideas, it would be nice to work togethert on themes and tools...
- Jan

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/d4b515fa-d50e-4f56-a941-f69eea83ae52%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Jan]

Hi all, Steven just informed me, that there is a Typo in the address;
Correct is
 http://slidesnstories.tiddlyspot.com/

It is good you post,
I just finished a new Version of there Remote,
What needs to be done now is a Theme/Storyview for presentations.

Greetings,
Jan

Hi Steven,
thanks for your post. I think creating an environment for slideshows would be an important step for TW.
I made a different approach to create slideshows in slidesnsotries.tiddlyspot.com.
-It is working with lists instead of tags.
Under stories in the sidebar it contains a tool to save and load lists of tiddlers.
-I made a slideshowremote for a second monitor which can be accessed on the pagetoolbar,
-This remote contains a list to jump to tiddlers and buttons to change theme and pallete.
-I also have chosen punch as a first attempt for a slideshowtheme but I am not really satisfied with the punch theme because it has troubles with the fullscreen-mode.

I am still looking for a theme/plugin which has more options, especially for combining text with images and animations more precisely.
I would like to have a mechanism to split tiddlers in tinier parts for presentations (1-5 Prases Maximum) and display the extracted parts with something like impress.js or reveal.js.
Alas, this is beyond my skills for now...
I hope some of you share such Ideas, it would be nice to work togethert on themes and tools...
- Jan













Am 02.12.2016 um 19:53 schrieb Steven Schneider:

[stevesuny]

wow Jan, this is very impressive. It does many things that I'd like to do. I'm still searching for a much simpler approach for "Level 1" users (those who don't do much more than tag and link, and possibly export data to make slides from Google forms. But I like your work a lot, and will probalby borrow some of the key pieces once I pull it apart. I'll ask questions here...Thanks again for posting this. //steve.

[Mark Kerrigan]

Dear Jan

Really like what you've done here.

To echo what Steve wrote, I am also looking for a simpler solution. The idea of using a TiddlyWiki to perform a presentation has always been fascinating to me, unfortunately I work in a very Powerpoint dominated company and most people I work with would be very lost with TiddlyWiki and even though I am fairly skilled in Powerpoints, the ease and flexibility in writing with hypertext is much better than working with Powerpoints. 

I'm trying to understand how you constructed your CSS Stylesheet for the presentation mode. Obviously you are using Helvetica Neue, but how does it automatically resize the font? Also how does the mechanism work when you click to the next slide, but it just merely shows the next paragraph?

Me personally, I do not like delivering any slide where clicking the next button only displays 1 additional line of text, so maybe this is not the solution for me since I prefer to show single slides. Me personally it would be easier for me to simply hit a button and have the presenter mode pop out, but instead just being another way to view the tiddlers without the sidebar, the tiddlers centered and I could just zoom in to focus the audience on a particular section before moving onto the next topic.

But overall though, looks very good.

Thanks

Mark Kerrigan

[Steven Schneider]

Mark, you might find the slideshow macros I just developed useful. See https://designwritestudio.updog.co/projects/cit-2017/schneider-panel-overview.html, and click on "Presentation" (click on the "x" in the top menu on the right to exit the slideshow and return to the wiki format). All the code you need is in tiddler SlideShowMacros, which also lists the tiddlers you'll need to bring over (I don't know how to make a plugin). Note this replaces $:/core/ui/ViewTemplate to support the Punch theme.

//steve.

[@TiddlyTweeter]

Ciao Steve

you might find the slideshow macros I just developed useful.

Its an excellent step ...
 


 does what you expect of these kind of "pages".

But ...



Does NOT, in Firefox Windows, bring the navigated section to the top. Do that and its near the equal of everything else doing these hop-jump main screens.

Best wishes
Josiah

[@TiddlyTweeter]

Steve

I don't know why you are calling this a "slideshow".

Its very much visually like vast swathes of the normal web now, i.e. a sectioned page.

Josiah

[Steven Schneider]

Josiah, good point -- it's quite as you've described, a sectioned page, I'd agree. But it supports navigation to "next" and "prev" like slides, and could easily support additional navigation to "first" and "last" as well. And it can be ordered / built out of tiddlers, which is a significant difference. 

And while it is odd, I suppose, that it is an "advance" to make TW tell a sequential story, when for years I've thought the advance was being able to tell a non-sequential story.

Essentially, this is using Jeremy's Punch theme (which I first saw in talky talky ), putting a set of tagged tiddlers into a loop, and switching themes. Nothing earth-shattering -- unless it is sometthing one needs to do, like for a class or business presentation. The value-added is that the in-depth wiki sits behind it for the user.

//steve.

[Birthe C]

Hi Steve,

I like it a lot. Even better with the SlideShowMacros changed so we are able to change the text on the button starting the slideshow. That way we can have more slidehows with different tags in the same TW.
The button ending the slideshow could then go the tiddler with the slideshow starting buttons.


Birthe

[Jan]

Hi Steven, Hi Mark,

thanks for testing my presenterPlugin.
In principle it is meant to provide a very simple way to turn existing sets of Tiddlers into slideshows and to have multiple slideshows in one wiki...your critique shows me that it is not intuitive enough right now.  In principle all useres have to do is
-to mark slides within the tiddlers too big for one slide (wich can be easily done with an EditorToolbarButton I created) and
-to save the storyriver as a slideshow and
-launch it.

In the remotewindow you have the possibility to launch the actual storyriver as a slideshow without saving.

Originally the possibility to  define a parts of one Tiddler as different slides was meant to turn existing long tiddlers into slideshows without having to clone or divide them which I thought is not practical for the workflow and the organisation of information.

It is quite long to explain in detail how the presenter works: It has a different PageTemplate and reveal-mechanism than the usual display. (In effect it uses a list of temporarily created slice-Tiddlers.) I guess you should start with the pagetemplate if you want to understand what is actually shown.

I would be happy if you gave me feedback what to change to make it easier to use.

Yours Jan

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/bbfc350e-72d7-4222-a44d-7c8238d994f6%40googlegroups.com.

[@TiddlyTweeter]

Ciao Jan, Steve

I should write separately about what I'm picking up from your work on this.

I think its much more than "slideshows" & "sliders". Its looking pretty much like an emergent viable new visual interface for TiddlyWiki too IMO.

Best wishes
Josiah

[Jan]

Hi Josiah,
thanks for the feedback which gave me a new Idea:
So far the presenter has to be switched on manually, because it is not possible to save in the view mode.
I could make a launch-button to save the wiki simultanuosly so that the wiki would start in presentationmode.
I am going to realize this when I am back next week.

Hasta pronto Jan

To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/05f7c0da-7d5a-4aef-b659-ed65b935c8d6%40googlegroups.com.

[@TiddlyTweeter]

Ciao Steve

That "Sectioned" style out on the net I believe is very related to the huge growth in tablet and smartphone usage. Sites, sort of, shifted from hierarchic drill downs (via menus & links) to visually contiguous "flat space".

This is a lot easier for modest sized viewports where excess menus and segue links create messy complexity, making it hard to know where you are.

Its not without its problems because some types of differentiation take a beating by being "brought up" & flattened.

But my overall sense is that for many situations for TW authors wanting to present things more widely the "sectioned" approach works very well.

In my head is an idea many TW's could appropriately present themselves sectionally (vertical mode) or sliderly (horizontal mode). And this is all a reader sees. Sections/Tiddlers/Tranclusions are added via an editor that appears in a modal and which closes on completion of edit, taking its place directly in flow at the appropriate juncture. Similarly, links to individual tiddlers that need to be viewed outside the flow could go through modals and not persist in the river. Something like that.

Just some thoughts
Josiah

[@TiddlyTweeter]

Pronto, Jan

I guess it depends on purpose whether its worth it.

Sort of in my mind is hidden controls (maybe CSS?) that can let you gain access to edit a "slide", which is a full-screen tiddler?

Its a very interesting area of representation of underlying Tiddlers.

The old model of "sliders" out on the web (by which I mean everything from presentations through to Lightboxes) is most interesting because, basically, its evolving, in many ways, to become a basic method of presentation of web sites.

What they still lack is abilities for interactive editing. That WE can offer.

Just thoughts.

A dopo
Josiah

[Mark Kerrigan]

Dear Steve

Do you have another copy of the empty template? I tried clicking the link and it wasn't working. Or maybe you have a Designwrite video about it?

Thanks

Mark Kerrigan

[Steven Schneider]

Mark, that's a while ago, try this one:

https://designwritestudio.updog.co/projects/cit-2017/schneider-panel-overview.html

which shows the refined version after a few months of off/on development...

//steve.

[Mark Kerrigan]

Dear Steve

Looks good, do you have a easy way to create a 50 slide template for example? I'm sure I could do this with importing from excel, but I'm not sure how to do this.

I've already started playing around with it, but I'm manually creating extra slides. The content of my slides is dangerous goods (I work in aviation), so we use the acronym dgr. I've named my tiddlers as follows

dgr-001, dgr-002, etc. I manually tag them "dgr" (I changed a few things in your macros) and am doing alternating background color with light blue

The only problem is since the edit buttons are autohiding makes it difficult to edit in presentation mode when the background color isn't white.

Still, I am really pleased with the way things are turning out.

Thanks

Mark Kerrigan