Tiddlyshow v3.0 beta: Slideshow and Presentation Using Tiddlywiki

318 views
Skip to first unread message

Mohammad

unread,
Jun 21, 2019, 9:40:26 AM6/21/19
to tiddl...@googlegroups.com
Announcement

New Release of Tiddlyshow application as a Plugin

A new release of Tiddlyshow using the keyboard shortcuts features of TW 5.1.19 is announced.

This is a small plugin (109kB) of Tiddlywiki for presentation and slideshow.

Main changes
  • Shortcut key biding (based on new shortcut keys in TW 5.1.19)
  • Slideshow manager
  • Dashboard
  • Support Themes
  • Auto numbering slides
  • Sorting slides by drag and drop in slide manager
  • Slide list
  • Slide thumbnails

Demo, download and install



Cheers
Mohammad


Old version

References

Mohammad

unread,
Jun 21, 2019, 9:43:37 AM6/21/19
to TiddlyWiki
More than ten themes can be used in the new release of Tiddlyshow!
Please give your feedback through the provided links.

--Mohammad 

Jeremy Ruston

unread,
Jun 21, 2019, 9:47:44 AM6/21/19
to tiddl...@googlegroups.com
Hi Mohammad

The demo link isn’t working correctly:But I downloaded it from the repo and tried it out, and congratulate you: it’s a terrific piece of work.

Best wishes

Jeremy

Mohammad

unread,
Jun 21, 2019, 9:49:02 AM6/21/19
to tiddl...@googlegroups.com
Repeated for those who read forum through email

Mohammad

unread,
Jun 21, 2019, 9:55:28 AM6/21/19
to TiddlyWiki
Thank you Jeremy,
 I corrected the link in the mail post and send another post for who read forum it through email.

I happy, you find it interesting!

I will improve the plugin and I think Tiddlywiki+Tiddlyshow plugin can be a very easy tool to create offline and online slideshow.
Thank you Tiddlywiki

Still there are some minor work remained
  1. I could not manage to have the same tiddlers in view and focus when switch between two storyview (zoomin and classic)
  2. The toggle button on the top left cause an empty space at the top of screen and it is annoying!
  3. Better and competitive themes comparing to Powerpoint, Beamer and like that
  4. Effects (animation when navigate through slides)
  5. ...
Best
Mohammad

Mohammad

unread,
Jun 21, 2019, 10:04:13 AM6/21/19
to TiddlyWiki

Mohammad

unread,
Jun 21, 2019, 10:25:51 AM6/21/19
to TiddlyWiki
This is a beta release. In the final release a more detailed documentation will be added.
I am looking forward to have your feedback and idea for better performance!
I invite developer with issues addressed above!
Good looking themes are among theme.

--Mohammad

@magasine

unread,
Jun 21, 2019, 11:08:17 AM6/21/19
to TiddlyWiki
Great job, greetings!

Manoel
from Campinas, SP - Brazil

Julio Peña

unread,
Jun 21, 2019, 5:06:30 PM6/21/19
to TiddlyWiki
Hey there Mohammad,

Wow great stuff you have there. 
This can definitely replace my powerpoint presentations in many instances.
Keep up the good work!


Best regards,

Julio

Mohammad

unread,
Jun 21, 2019, 10:16:28 PM6/21/19
to TiddlyWiki
Thanks Manol and Thank you Julio,
I think it has that potential to replace Powepoint :-)
 Please send your feed back after your evaluation here or to issues at GitHub

Best
Mohammad

TonyM

unread,
Jun 21, 2019, 11:02:50 PM6/21/19
to TiddlyWiki
Mohammad,

I have being reviewing it and it looks fantastic

Can I ask you to consider the following to improve its use
  • In Quick Howto item 4. Please show what the button looks like here, for love or money I could not find it in my current review.
  • Provide a button in a few places called "Start Presentation" which opens the first slide and goes into presentation mode, rather than forcing the slide to be selected first.
    • This is critical when presenting to simplify the start from beginning
    • One place that would be nice is in front of the presentation list in the sidebar. and a different icon to start presentation at a specific slide.
  • Please tell me what "Set for Presentation" actually does?
I can only provide such feedback, because it is already spectacular.

Possible advanced features
  1. List of slides
    1. Allow slides to be deleted from the "List of slides" - taking into account the next feature
    2. Allow existing slides (not already in list) to be added (not just new slides)
  2. Allow the list of slides to be saved and restored, this would allow the quick modification of a prepared presentation (for a different audience or time available), remove, drag and Drop
    1. Even if there is only one saved list.

  • I also see you have a trash tab, have you published that?
Love your work!

Regards
Tony

TonyM

unread,
Jun 21, 2019, 11:28:43 PM6/21/19
to TiddlyWiki

Just ask if I can help with any of my suggestions
 
  • In Quick Howto item 4. Please show what the button looks like here, for love or money I could not find it in my current review.
Click on the ''toggle button'' {{$:/core/images/close-others-button}} upper left corner of screen to switch to ''Presentation mode''

  • Provide a button in a few places called "Start Presentation" which opens the first slide and goes into presentation mode, rather than forcing the slide to be selected first.
    • This is critical when presenting to simplify the start from beginning
    • One place that would be nice is in front of the presentation list in the sidebar. and a different icon to start presentation at a specific slide.
  • Please tell me what "Set for Presentation" actually does?
Possibly Add these bold items to $:/plugins/kookma/tiddlyshow/macro/toggle for the start slideshow to go full screen

\define toggle(statetarget:"", on-value:"true", off-value:"false", on-btn:"⦿", off-btn:"⦾", class)
<span class="$class$">
  <$reveal type="nomatch"
    state="$statetarget$" text="$on-value$">
    <$button set="$statetarget$"
      setTo="$on-value$"
      class="tc-btn-invisible"
      tooltip="Slideshow view"
      message="tm-full-screen">      
      $off-btn$ 
      <<setShortcuts>>
      <<set_presentation_tiddler_value>>
    </$button>
  </$reveal>

  <$reveal type="match"
  state="$statetarget$" text="$on-value$">
    <$button set="$statetarget$"
      setTo="$off-value$"
      class="tc-btn-invisible"
      tooltip="Author view"
      message="tm-full-screen" param="exit">
      $on-btn$ 	
      <<unsetShortcuts>>
			<<navigate-to-last>>
    </$button>
  </$reveal>
</span>
\end

Regards
Tony

TonyM

unread,
Jun 21, 2019, 11:52:10 PM6/21/19
to TiddlyWiki
Mohammad,

Also if you can show a button via the view template like this;

<$button message="tm-open-window">
{{$:/core/images/open-window}}
</$button>

Then on multi-screen setups you can use the list, slideshow manager and even thumbnails in the new window to "remote control" which slide is in view.

For example
  • [[Intro-TS - Thumbnails]]
  • [[Intro-TS]]
  • $:/plugins/kookma/tiddlyshow/manager/slideshow-sidebar

PS This button is already available in viewToolbar more, but it would help if people are guided to the tiddlers than make a good selection window.
PPS Multi-screens are common with presentations using a laptop and connected projector/screen.

A new list view that displays presenter notes and a thumbnail you move into a window will challenge slideshow apps like powerPoint.

Regards
Tony 



On Saturday, June 22, 2019 at 12:16:28 PM UTC+10, Mohammad wrote:

@TiddlyTweeter

unread,
Jun 22, 2019, 2:34:20 AM6/22/19
to TiddlyWiki
Ciao Mohammad

Great stuff! 

Tried on Windows 10 tablet in latest Firefox, Chrome & Edge

Small CSS problem, In Presentation Mode the slides don't fully fill the window, there are white strips top and bottom ...

Annotation 2019-06-22 082512.jpg


Annotation 2019-06-22 082659.jpg

 

Best wishes
Josiah

@TiddlyTweeter

unread,
Jun 22, 2019, 3:08:00 AM6/22/19
to tiddl...@googlegroups.com
Ciao Mohammad

I also looked at it on an Android smartphone in Chrome.

Its interesting. I think that it might be quite useful on Android in that Presentation Mode is nicely uncluttered and might be used for simple websites.

The CSS would need work though because the bottom navigator bar does not keep placement on Android and image & text scaling is not quite right.

If you want I can send a screenshoot.

Best wishes 
Josiah

On Friday, 21 June 2019 15:40:26 UTC+2, Mohammad wrote:

Mohammad

unread,
Jun 22, 2019, 2:55:58 PM6/22/19
to TiddlyWiki
Hello Tony,
 Many thanks for all your valuable comments. I will use them in the new release!

The set for presentation actually add the navigation buttons to the slideshow!
Tiddlyshow may have many slideshows and we need to indicate which slideshow is active!
If you have any idea please share!

--Mohammad

Mohammad

unread,
Jun 22, 2019, 2:56:58 PM6/22/19
to TiddlyWiki
This is great! What do you think to use Mentat?

--Mohammad

Mohammad

unread,
Jun 22, 2019, 2:58:43 PM6/22/19
to TiddlyWiki
Hi Josiah,
 Well, first I need to have Tiddlyshow working seamlessly on big screen!
Later on I will focus on small screen, by the way I think I may need to have 
a mobile friendly theme!

--Mohammad 

Mohammad

unread,
Jun 22, 2019, 2:59:58 PM6/22/19
to TiddlyWiki
Hello again Josiah!
I working on these issues! Please report if any other issue you have encountered during your evaluation



--Mohammad

On Saturday, June 22, 2019 at 11:04:20 AM UTC+4:30, @TiddlyTweeter wrote:

Mohammad

unread,
Jun 22, 2019, 3:23:12 PM6/22/19
to TiddlyWiki
  • I also see you have a trash tab, have you published that?
NOT YET! but we have discussed this already in this forum! I hope I can publish it in the near future!
It is a simple script on delete tiddler move it to a Trash bin but to restore it needs manual manipulation! 

--Mohammad

Mohammad

unread,
Jun 22, 2019, 3:25:30 PM6/22/19
to TiddlyWiki
Tony see discussion on trash bin here

and the idea by Eric Shulman!

--Mohammad

@TiddlyTweeter

unread,
Jun 23, 2019, 2:10:02 AM6/23/19
to tiddl...@googlegroups.com
Mohammad

Another small issue I don't understand ...

See: https://kookma.github.io/Tiddlyshow/#Intro-TS%20-%20Thumbnails -- it says its 24 slides. But 10 & 6 are missing.

The slideshow related to the thumbnails: https://kookma.github.io/Tiddlyshow/#Intro-TS -- has 22 slides, not 24.

In other words, the Thumbnails seem innacurate.

Best wishes
Josiah 

On Saturday, 22 June 2019 20:59:58 UTC+2, Mohammad wrote:
... report if any other issue you have encountered during your evaluation

Mohammad

unread,
Jun 23, 2019, 2:45:20 AM6/23/19
to TiddlyWiki
Hi Josiah,
 You are correct. I will fix the issue!
It is related to Footer and thumbnail itself!

--Mohammad


On Sunday, June 23, 2019 at 10:40:02 AM UTC+4:30, @TiddlyTweeter wrote:
Mohammad

Another small issue I don't understand ...

See: https://kookma.github.io/Tiddlyshow/#Intro-TS%20-%20Thumbnails -- it says its 24 slides. But 10 & 6 are missing.

But the slideshow related to the thumbnails: https://kookma.github.io/Tiddlyshow/#Intro-TS -- it has 22 slides, not 24.

@TiddlyTweeter

unread,
Jun 23, 2019, 2:45:21 AM6/23/19
to TiddlyWiki
Mohammad

I tried to create a new slideshow. The slides created look fine, BUT there is NO navigator at the bottom in Presentation? 

Perhaps I'm missing something?

Best wishes
Josiah

Mohammad

unread,
Jun 23, 2019, 2:55:55 AM6/23/19
to TiddlyWiki
Open the Slideshow and click on "Set for Presentation"
This make your presentation the active one and you will see the 
sticky footer.

-Mohammad

@TiddlyTweeter

unread,
Jun 23, 2019, 3:28:43 AM6/23/19
to TiddlyWiki
Thanks! Now working. J.

Mohammad wrote:
Open the Slideshow and click on "Set for Presentation"
This make your presentation the active one and you will see the 
sticky footer.

@TiddlyTweeter

unread,
Jun 23, 2019, 3:47:19 AM6/23/19
to TiddlyWiki
Ciao Mohammad

Small suggestion (others may not agree with :-) ...

Make the "activation button" slightly BIGGER and offset from the left a few more pixels ....

Annotation 2019-06-23 094215.jpg


Just a minor point.

Mohammad

unread,
Jun 23, 2019, 3:56:49 AM6/23/19
to TiddlyWiki
Sure!
 I will change this!

--Mohammad

TonyM

unread,
Jun 23, 2019, 4:19:10 AM6/23/19
to TiddlyWiki
Mohammad,

Re the Set for presentation button, which confused me in my first test.

An Idea, In the side bar rather than simple links to each presentation provide a button (make it look like a link of you want). This will allow you to include the actions you have in the Set for presentation
button.


        set="$:/state/tiddlyshow/presentation" 
        setTo={{!!title}} 

 You could even display the current presentation button differently, so it can be seen "at a glance" in the side bar "Slideshow list"

This would remove an additional step and smooth the usage. Especially at presentation time.

Additional?

Perhaps close all other presentations before opening the selected presentation, unless a small icon next to the presentation name is used to view the tiddler along with others, rather than present - eg during design.

Great Work
Tony

On Friday, June 21, 2019 at 11:40:26 PM UTC+10, Mohammad wrote:
Announcement

New Release of Tiddlyshow application as a Plugin

A new release of Tiddlyshow using the keyboard shortcuts features of TW 5.1.19 is announced.

Mohammad

unread,
Jun 23, 2019, 9:33:48 AM6/23/19
to TiddlyWiki
Tony!
 Set for Presentation while is confusing by works for few things
 - Buttons appeared on current slideshow
 - Navigation works for current slideshow
 -Add slides from sidebar works for current slide show

People may give link from other tiddlers to a slideshow and it will be confusing when and how it is the current slideshow.

By the way, I agree we need fewer and clear steps to activate (e.g open a slideshow) What do you think?

--Mohammad 
Reply all
Reply to author
Forward
0 new messages