Loading...
 

Tikiwiki-devel (mailman list mirror)


Slideshow Revamp

posts: 239

For the record:
https://sourceforge.net/p/tikiwiki/code/66805

On Mon, Mar 19, 2018 at 9:51 AM, Amna Usman <amna@genexbs.com> wrote:
> Thanks Xavi for feedback, also as discussed in meeting, I think reveal.js is
> good to go. Will be sharing more details on enhancements soon.
>
> Regards,
>
> Amna Bilal
>
> Chief Technology Officer
> AbmaSoft.com
>
>
> On Mon, Mar 19, 2018 at 11:32 AM, Xavier de Pedro - Tiki <tiki@seeds4c.org>
> wrote:
>>
>> +1 for reveal.js, given all those environment conditions for the choice.
>>
>> Thanks Amna!
>> (And whoever is funding this development :-) I dunno why but some face
>> comes up to my mind right now, due to historical reasons at least and shared
>> interest in having this feature usable at production level **with export to
>> pdf** being less painful than nowadays ;-) That would have saved me tons of
>> time in rhe last 10 years when presenting at conferences from content
>> developed in wiki pages )
>>
>> Cheers
>>
>> Xavi
>>
>>
>> El 19 de març de 2018 5:36:11 CET, Amna Usman <amna@genexbs.com> ha
>> escrit:
>>>
>>> Hi,
>>>
>>> Thanks Gary and Torsten for having a look. Exactly, same reason I am
>>> advocating reveal.js, it will be less work to integrate and user will not
>>> feel change in process.
>>>
>>> @Bernard
>>> Are you talking about the existing feature that permit to create a
>>> presentation using wiki page as slide or something else ?
>>> I am mentioning ability of tiki to create a slideshow auto with

>>> /show:<<page_name>>, its quite a useful feature for end users. So the new

>>> back script should maintain this ease.
>>>
>>> Regards
>>>
>>>
>>>
>>> Amna Bilal
>>>
>>> Chief Technology Officer
>>> Genex Business Solutions
>>> http://www.genexbs.com | http://www.marts.pk | http://www.iLahore.com
>>>
>>>
>>> On Mon, Mar 19, 2018 at 5:09 AM, Gary Cunningham-Lee
>>> <gary_c@cunningham-lee.com> wrote:
>>>>
>>>> Hi,
>>>>
>>>> Reveal.js looks like a great replacement for s5; I think the swoopy
>>>> style of Impress.js is cool for some presentations but isn't really suitable
>>>> for default slideshow functionality. H5P's
>>>> (https://h5p.org/presentation#example=54977) also looks good but Reveal.js
>>>> seems simpler/faster to integrate for use with wiki page content.
>>>>
>>>> — Gary
>>>>
>>>>
>>>> On 3/18/2018 5:56 PM, amna usman wrote:
>>>>>
>>>>> *
>>>>>
>>>>>
>>>>> Hi,
>>>>>
>>>>>
>>>>> Currently, TIKIWIKI is using jQuery.s5, which is not being upgraded
>>>>> since April 2014. Its also missing modern feel.
>>>>>
>>>>>
>>>>> We need to upgrade back script for slideshow, it will be auto generated
>>>>> (as it is now) but we can give more control to user based on back script we
>>>>> finalise (will send separate email for this).
>>>>>
>>>>>
>>>>> We have analysed different scripts here:
>>>>>
>>>>>
>>>>> https://dev.tiki.org/Slideshow-framework-stats-comparison
>>>>>
>>>>>
>>>>> While most of them are not actively developed or not offering unique
>>>>> features.
>>>>>
>>>>>
>>>>> Shortlisted two of them based on activity, ease of use and features.
>>>>>
>>>>>
>>>>> 1- Reveal.js
>>>>>
>>>>> https://revealjs.com/
>>>>>
>>>>>
>>>>> 1- Clean presentations
>>>>>
>>>>> 2- Vertical slides supported.
>>>>>
>>>>> 3- Touch optimized and mobile friendly
>>>>>
>>>>> 4- Fragments supported with highlight option
>>>>>
>>>>> 5- Multiple transition styles: Fade - Slide - Convex - Concave - Zoom
>>>>>
>>>>> 6- Multiple themes: Black - White - League - Sky - Beige - Simple
>>>>>
>>>>> Serif - Blood - Night - Moon - Solarized
>>>>>
>>>>> 7- Backgrounds support with colors, images, videos and GIFs
>>>>>
>>>>> 8- Speaker notes view
>>>>>
>>>>> 9- Buildin export to PDF (we will write wrapper function for this to
>>>>> use mPDF)
>>>>>
>>>>> 10- Available at packagist
>>>>> https://packagist.org/packages/components/revealjs
>>>>>
>>>>>
>>>>> Downside
>>>>>
>>>>> Not very cool 3D effects, more like coperate style presentations
>>>>>
>>>>>
>>>>> Integration notes
>>>>>
>>>>>
>>>>> I have tested this in details using demo slideshow, work good with WIKI
>>>>> parsed HTML. Bootstrap4 is not supported by default but worked after
>>>>> attaching CDN.
>>>>>
>>>>>
>>>>> Backgrounds, transition styles are easy to set on slideshow level and
>>>>> can be changed per slide level.
>>>>>
>>>>>
>>>>> 2-Impress.js
>>>>>
>>>>> Impress.js offers Prezi style effects
>>>>>
>>>>> https://impress.js.org/
>>>>>
>>>>>
>>>>> Supports 2D and 3D transitions, its very impressive and actively
>>>>> developed.
>>>>>
>>>>>
>>>>> It is what needed here: https://dev.tiki.org/Prezitations
>>>>>
>>>>>
>>>>> But downside:
>>>>>
>>>>>
>>>>> 1- Its quite good for one liner slides, but we have to keep in mind
>>>>> TIKIWIKI auto build option with more text on screen. Also for end user
>>>>> setting up transition styles, x and y position with each slide can be
>>>>> confusing (Although this can be overcome if we follow some preset transition
>>>>> model while auto generating slideshow ).
>>>>>
>>>>>
>>>>> 2- Not on packigist yet.
>>>>>
>>>>>
>>>>> 3- No build in PDF generation
>>>>>
>>>>>
>>>>> 4- Limited to default theme
>>>>>
>>>>>
>>>>> Conclusion
>>>>>
>>>>> I think if we are looking for corporate style presentations then
>>>>> reveal.js is the answer, but if we want cool effects impress.js is very
>>>>> strong candidate for this.
>>>>>
>>>>>
>>>>> Thankyou!
>>>>>
>>>>> *
>>>>>
>>>>>
>>>>>
>>>>> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
>>>>> Virus-free. www.avg.com
>>>>> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
>>>>>
>>>>> <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
>>>>>
>>>>>
>>>>>
>>>>> ------------------------------------------------------------------------------
>>>>> Check out the vibrant tech community on one of the world's most
>>>>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
>>>>>
>>>>>
>>>>>
>>>>> ___
>>>>> TikiWiki-devel mailing list
>>>>> TikiWiki-devel at lists.sourceforge.net
>>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>>>>>
>>>>
>>>>
>>>>
>>>> ------------------------------------------------------------------------------
>>>> Check out the vibrant tech community on one of the world's most
>>>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
>>>> ___
>>>> TikiWiki-devel mailing list
>>>> TikiWiki-devel at lists.sourceforge.net
>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>>>
>>>
>>
>> --
>> Sent from my Android device with K-9 Mail. Please excuse my brevity.
>
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> ___
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
>



--
Marc Laporte

http://WikiSuite.org
http://PluginProblems.com
http://Avan.Tech

------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
___
TikiWiki-devel mailing list
TikiWiki-devel at lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel

Hi,

We are close to completing reveal.js integration with Tiki Slideshow
(replace jquery.s5), its committed in trunk.

I have setup demo presentation at:
http://duedaily.com/trunk/tiki-slideshow.php?page=Tiki%20Wiki%20CMS%20Groupware

Like before, slides are auto generated based on H1 tags in wiki page.

Few details I would like to share:

  • 1- PluginSlideShow: *It is revamped with reveal.js options, please check.

  • 2- PluginSlideShowSlide: *New plugin that helps in changing one slide

background, transition-in and transition, giving it video background as
used in:
http://duedaily.com/trunk/tiki-slideshow.php?page=Revealjs%20demo

  • 3-Settings change* button is added at bottom, click to get settings bar.

It has options to change theme and transition. For advance options, using
pluginSlideShow is recommended.

PDF export of slideshow, that will have one slide per page, I am thinking
of adding slideshow theme CSS in this PDF, so user can have presentation
copy in PDF format. Please suggest, if it should be done?

And another option "Handouts" is added, that will give print friendly
slideshow PDF (in case of normal slide size, three slides per page will be
printed)

Please also vote, if we should open PDF in browser window or force
download?

Kindly, also test and report any bugs.



Amna Bilal



On Wed, Jul 11, 2018 at 7:07 AM Marc Laporte <marc@marclaporte.com> wrote:

> For the record:
> https://sourceforge.net/p/tikiwiki/code/66805
>
> On Mon, Mar 19, 2018 at 9:51 AM, Amna Usman <amna@genexbs.com> wrote:
> > Thanks Xavi for feedback, also as discussed in meeting, I think
> reveal.js is
> > good to go. Will be sharing more details on enhancements soon.
> >
> > Regards,
> >
> > Amna Bilal
> >
> > Chief Technology Officer
> > AbmaSoft.com
> >
> >
> > On Mon, Mar 19, 2018 at 11:32 AM, Xavier de Pedro - Tiki <
> tiki at seeds4c.org>
> > wrote:
> >>
> >> +1 for reveal.js, given all those environment conditions for the choice.
> >>
> >> Thanks Amna!
> >> (And whoever is funding this development :-) I dunno why but some face
> >> comes up to my mind right now, due to historical reasons at least and
> shared
> >> interest in having this feature usable at production level **with
> export to
> >> pdf** being less painful than nowadays ;-) That would have saved me
> tons of
> >> time in rhe last 10 years when presenting at conferences from content
> >> developed in wiki pages )
> >>
> >> Cheers
> >>
> >> Xavi
> >>
> >>
> >> El 19 de març de 2018 5:36:11 CET, Amna Usman <amna@genexbs.com> ha
> >> escrit:
> >>>
> >>> Hi,
> >>>
> >>> Thanks Gary and Torsten for having a look. Exactly, same reason I am
> >>> advocating reveal.js, it will be less work to integrate and user will
> not
> >>> feel change in process.
> >>>
> >>> @Bernard
> >>> Are you talking about the existing feature that permit to create a
> >>> presentation using wiki page as slide or something else ?
> >>> I am mentioning ability of tiki to create a slideshow auto with

> >>> /show:<<page_name>>, its quite a useful feature for end users. So the

> new
> >>> back script should maintain this ease.
> >>>
> >>> Regards
> >>>
> >>>
> >>>
> >>> Amna Bilal
> >>>
> >>> Chief Technology Officer
> >>> Genex Business Solutions
> >>> http://www.genexbs.com | http://www.marts.pk | http://www.iLahore.com
> >>>
> >>>
> >>> On Mon, Mar 19, 2018 at 5:09 AM, Gary Cunningham-Lee
> >>> <gary_c@cunningham-lee.com> wrote:
> >>>>
> >>>> Hi,
> >>>>
> >>>> Reveal.js looks like a great replacement for s5; I think the swoopy
> >>>> style of Impress.js is cool for some presentations but isn't really
> suitable
> >>>> for default slideshow functionality. H5P's
> >>>> (https://h5p.org/presentation#example=54977) also looks good but
> Reveal.js
> >>>> seems simpler/faster to integrate for use with wiki page content.
> >>>>
> >>>> — Gary
> >>>>
> >>>>
> >>>> On 3/18/2018 5:56 PM, amna usman wrote:
> >>>>>
> >>>>> *
> >>>>>
> >>>>>
> >>>>> Hi,
> >>>>>
> >>>>>
> >>>>> Currently, TIKIWIKI is using jQuery.s5, which is not being upgraded
> >>>>> since April 2014. Its also missing modern feel.
> >>>>>
> >>>>>
> >>>>> We need to upgrade back script for slideshow, it will be auto
> generated
> >>>>> (as it is now) but we can give more control to user based on back
> script we
> >>>>> finalise (will send separate email for this).
> >>>>>
> >>>>>
> >>>>> We have analysed different scripts here:
> >>>>>
> >>>>>
> >>>>> https://dev.tiki.org/Slideshow-framework-stats-comparison
> >>>>>
> >>>>>
> >>>>> While most of them are not actively developed or not offering unique
> >>>>> features.
> >>>>>
> >>>>>
> >>>>> Shortlisted two of them based on activity, ease of use and features.
> >>>>>
> >>>>>
> >>>>> 1- Reveal.js
> >>>>>
> >>>>> https://revealjs.com/
> >>>>>
> >>>>>
> >>>>> 1- Clean presentations
> >>>>>
> >>>>> 2- Vertical slides supported.
> >>>>>
> >>>>> 3- Touch optimized and mobile friendly
> >>>>>
> >>>>> 4- Fragments supported with highlight option
> >>>>>
> >>>>> 5- Multiple transition styles: Fade - Slide - Convex - Concave - Zoom
> >>>>>
> >>>>> 6- Multiple themes: Black - White - League - Sky - Beige - Simple
> >>>>>
> >>>>> Serif - Blood - Night - Moon - Solarized
> >>>>>
> >>>>> 7- Backgrounds support with colors, images, videos and GIFs
> >>>>>
> >>>>> 8- Speaker notes view
> >>>>>
> >>>>> 9- Buildin export to PDF (we will write wrapper function for this to
> >>>>> use mPDF)
> >>>>>
> >>>>> 10- Available at packagist
> >>>>> https://packagist.org/packages/components/revealjs
> >>>>>
> >>>>>
> >>>>> Downside
> >>>>>
> >>>>> Not very cool 3D effects, more like coperate style presentations
> >>>>>
> >>>>>
> >>>>> Integration notes
> >>>>>
> >>>>>
> >>>>> I have tested this in details using demo slideshow, work good with
> WIKI
> >>>>> parsed HTML. Bootstrap4 is not supported by default but worked after
> >>>>> attaching CDN.
> >>>>>
> >>>>>
> >>>>> Backgrounds, transition styles are easy to set on slideshow level and
> >>>>> can be changed per slide level.
> >>>>>
> >>>>>
> >>>>> 2-Impress.js
> >>>>>
> >>>>> Impress.js offers Prezi style effects
> >>>>>
> >>>>> https://impress.js.org/
> >>>>>
> >>>>>
> >>>>> Supports 2D and 3D transitions, its very impressive and actively
> >>>>> developed.
> >>>>>
> >>>>>
> >>>>> It is what needed here: https://dev.tiki.org/Prezitations
> >>>>>
> >>>>>
> >>>>> But downside:
> >>>>>
> >>>>>
> >>>>> 1- Its quite good for one liner slides, but we have to keep in mind
> >>>>> TIKIWIKI auto build option with more text on screen. Also for end
> user
> >>>>> setting up transition styles, x and y position with each slide can be
> >>>>> confusing (Although this can be overcome if we follow some preset
> transition
> >>>>> model while auto generating slideshow ).
> >>>>>
> >>>>>
> >>>>> 2- Not on packigist yet.
> >>>>>
> >>>>>
> >>>>> 3- No build in PDF generation
> >>>>>
> >>>>>
> >>>>> 4- Limited to default theme
> >>>>>
> >>>>>
> >>>>> Conclusion
> >>>>>
> >>>>> I think if we are looking for corporate style presentations then
> >>>>> reveal.js is the answer, but if we want cool effects impress.js is
> very
> >>>>> strong candidate for this.
> >>>>>
> >>>>>
> >>>>> Thankyou!
> >>>>>
> >>>>> *
> >>>>>
> >>>>>
> >>>>>
> >>>>> <
> http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail
> >
> >>>>> Virus-free. www.avg.com
> >>>>> <
> http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail
> >
> >>>>>
> >>>>> <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
> >>>>>
> >>>>>
> >>>>>
> >>>>>
> ------------------------------------------------------------------------------
> >>>>> Check out the vibrant tech community on one of the world's most
> >>>>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> >>>>>
> >>>>>
> >>>>>
> >>>>> ___
> >>>>> TikiWiki-devel mailing list
> >>>>> TikiWiki-devel at lists.sourceforge.net
> >>>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
> >>>>>
> >>>>
> >>>>
> >>>>
> >>>>
> ------------------------------------------------------------------------------
> >>>> Check out the vibrant tech community on one of the world's most
> >>>> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> >>>> ___
> >>>> TikiWiki-devel mailing list
> >>>> TikiWiki-devel at lists.sourceforge.net
> >>>> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
> >>>
> >>>
> >>
> >> --
> >> Sent from my Android device with K-9 Mail. Please excuse my brevity.
> >
> >
> >
> >
> ------------------------------------------------------------------------------
> > Check out the vibrant tech community on one of the world's most
> > engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> > ___
> > TikiWiki-devel mailing list
> > TikiWiki-devel at lists.sourceforge.net
> > https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
> >
>
>
>
> --
> Marc Laporte
>
> http://WikiSuite.org
> http://PluginProblems.com
> http://Avan.Tech
>
>
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> ___
> TikiWiki-devel mailing list
> TikiWiki-devel at lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel


Why Register?

Register at tiki.org and you'll be able to use the account at any *.tiki.org site, thanks to the InterTiki feature. A valid email address is required to receive site notifications and occasional newsletters. You can opt out of these items at any time.