Extension:GuidedTour/cs

Category:Apache licensed extensions/cs
Příručka k rozšířením MediaWiki
GuidedTour
Stav rozšíření: stabilníCategory:Stable extensions/cs
Implementace Speciální stránka Category:Special page extensions/cs, Akce stránky Category:Page action extensions/cs
Popis Poskytne vyskakovací komentované vyhledávání na stránkách wiki a nebo mikroprůzkumy.
Autoři Munaf Assaf, Terry Chay, Matt Flaschen, Pau Giner, Ori Livneh, Rob Moen, S Page, Sam Smith, Moiz Syed, Luke Welling
Nejnovější verze Continuous updates
MediaWiki 1.32+Category:Extensions with manual MediaWiki version/cs
PHP 5.4+
Licence Apache License 2.0
Stáhnout Category:Extensions in Wikimedia version control/cs
Kompatibilita s Internet Explorerem: žádná pro verzi 6, částečná pro verzi 7.
Přeložte rozšíření GuidedTour, používá-li lokalizaci z translatewiki.net
Problémy Otevřené úkoly · Nahlásit chybu
Category:All extensions/cs

Rozšíření za GuidedTour poskytuje rámec pro vytváření "průvodců" neboli interaktivních učebnic pro funkce MediaWiki. Vyhledávání obvykle provedou uživatele nějakým standardním pracovním postupem (jako je úprava článku nebo nahrání obrázku) a jsou implementována jako série dialogových oken, která uživateli sdělují, kam má kliknout a co má dělat dál.

Vyhledávání jsou podporována kódem JavaScript a PHP, který dokáže sledovat pokrok uživatele, kontrolovat jeho porozumění a nabízet rady a povzbuzení. Prohlídky s průvodcem jsou efektivním prostředkem pro rozdělení složitých úkolů do série jednoduchých, samostatných dílčích úkolů a pro poskytnutí uživateli zkušeností a sebevědomí potřebných k opakování pracovního postupu pro podobné úkoly v budoucnu. Prohlídky lze také použít k implementaci interaktivních průzkumů.

GuidedTour vyvinul (bývalý) tým Growth. Je částečně založen na knihovně Optimize.ly's Guiders. Průvodní GuidedTour původně začalo na WMF Tech Days 2012.

Upozorňujeme, že s používáním tohoto rozšíření existují určité obavy s výkonem.

Nainstalujte a používejte GuidedTour na své wiki

  • Otestujte, zda to fungovalo, voláním stránky s připojenou hodnotou tour=test k URL adrese. Například: http://localhost/w/index.php?tour=test
  • Stáhněte soubor/y a vložte je do adresáře pojmenovaného GuidedTour ve vaší složce extensions/.
    Vývojáři a přispěvatelé kódu by si místo toho měli nainstalovat rozšíření from Git pomocí:
    cd extensions/
    git clone https://gerrit.wikimedia.org/r/mediawiki/extensions/GuidedTour
    
  • Na konec vašeho souboru LocalSettings.php přidejte následující kód:
    wfLoadExtension( 'GuidedTour' );
    
  • Yes Dokončeno – Přejděte na stránku Special:Version vaší wiki a zkontrolujte, zda bylo rozšíření úspěšně nainstalováno.

Abyste mohli využít vyhledávání s průvodcem, měli byste...

  1. Napište skutečnou prohlídku na stránku ve jmenném prostoru MediaWiki. It must be named MediaWiki:Guidedtour-tour-tour name.js, for example MediaWiki:Guidedtour-tour-mytour.js
  2. Zavolejte požadovanou stránku s připojenou parametrem tour=mytour k URL adrese. Například:
    http://localhost/w/index.php?tour=mytour nebo ?tour=test v příkladu výše.
  3. Chcete-li stylovat výstup, upravte soubor CSS v adresáři modulů nebo přidejte přepsání do MediaWiki:Common.css.
Z bezpečnostních důvodů nelze prohlídky spustit na některých stránkách, včetně stránek pro přihlášení, vytvoření účtu, uživatelských nastavení a resetování hesla.

Pozadí

Naše komunity se kdysi omezovaly na používání statických wiki stránek, šablon a dalších funkcí k vytváření tutoriálů a prohlídek všeho druhu. Jakkoli bohaté nástroje jako Wikipedia:Tutorial mohou být, ruší uživatele a nutí ho přejít na jinou webovou stránku. Jsou také poměrně dlouhé. Přečtení většiny dokumentace o Wikipedii by trvalo poměrně dlouho.

Uživatelská zkušenost

Interaktivní prohlídky s průvodcem poskytují jednoduchého a podrobného průvodce sadou funkcí, aniž by uživatele přerušovaly. Prohlídky s průvodcem nedominují obrazovce, lze je zavřít a uživatele přímo provedou úkolem. Prohlídky s průvodcem jsou také ideálně něco, k čemu se člověk může vrátit kdykoli, pokud to potřebuje.

Každý krok v prohlídce s průvodcem se nazývá "guider" (průvodce).

Popis prvků průvodce

Titul
Pojmenovává aktuální krok. Pokud je název začátkem prohlídky, můžete jej použít k popisu prohlídky jako celku. Pokud má název vašeho průvodce více než jeden řádek, je příliš dlouhý.
Tělo textu
Popisuje aktuální krok. Pokud uvádíte další body, které jsou zbytečné, aby uživatel pochopil, jak přejít k dalšímu kroku, říkáte příliš mnoho. Prohlídky s průvodcem jsou efektivní nejen proto, že popisky ukazují na věci, ale také proto, že omezují instruktážní text na to, co je bezprostředně nutné, spíše než aby se uživatele najednou zahlcovaly odstavci dokumentace.
Tlačítko
Tlačítka prohlídky slouží k akcím, obvykle přesměrují uživatele k dalšímu kroku. Tlačítka pro prohlídky s průvodcem standardně používají třídu progressive z knihovny mediawiki.ui. It is a poor practice to provide multiple action buttons, e.g. Start tour plus Next. Vyberte jednu akci, kterou má uživatel provést v reakci na krok prohlídky, a zaměřte se na dokončení této akce. Nikdy nepoužívejte tlačítko akce k ukončení prohlídky (pokud uživatel není skutečně na konci), protože to ovlivňuje, zda primární tlačítka akcí slouží k pokračování prohlídky nebo k jejímu ukončení (pozitivní vs. negativní akce). If your guider step points to an additional action you want the user to take (e.g. Edit or View history), it is a bad idea to have the tour button perform this action for them. Místo toho ukažte na prvek, který chcete, aby uživatel použil, a povzbuďte ho, aby si ho vyzkoušel, aby se naučil používat funkci tak, jak by ji normálně používal.
Tlačítko Zavřít (X)
Poskytuje zřejmý prvek pro zavření prohlídky, na rozdíl od pouhého zavření jednoho průvodce, což lze provést externím kliknutím nebo stisknutím klávesy Esc. Pokud uživatel klikne na toto tlačítko pro zavření, měla by se prohlídka napříč stránkami ukončit a související prohlídka se vymaže z uživatelových souborů cookie.
Lokace
Vodicí prvky lze umístit buď jako "central overlay" (centrální překrytí), nebo jako "attachment" (příloha). "Přílohy" se umisťují vedle konkrétních prvků stránky (například odkazu nebo karty) pomocí selektorů CSS. The position of the guider relevant to the page element is specified with orientations such as topLeft, top, topRight, rightTop, right, etc. (Viz podrobnosti)

Popis chování průvodce

Krátké video z prohlídky 'firstedit', které ukazuje základní chování, jako jsou popisky, animace a další

Mějte na paměti následující výchozí chování pro prohlídky s průvodcem:

  • Pokud uživatel průvodce nevidí (tj. nenachází se nad nebo pod ohybem stránky), prohlížeč uživatele přesune na místo, kde se průvodce nachází. Tuto funkci můžete pro jednotlivé kroky zakázat.
  • Průvodci se ve výchozím nastavení animují pro zobrazení, pokud k zobrazení není nutné posouvání. Animace lze vypnout, pokud píšete prohlídku.
  • Pokud uživatel spustil více prohlídek, v případě konfliktu se vždy zobrazí ta, která byla spuštěna naposledy.
  • Prohlídku můžete vynutit, aby se "přilepila" ke konkrétní stránce. Pokud jste toto chování v prohlídce nedefinovali, může se probíhající prohlídka zobrazovat napříč stránkami. For instance, if you have a tour that points to the "Save" button, a tour that is in progress might point at this element every time until the user moves to the next step or dismisses the tour.
  • A guider will flip horizontally to the left or right, if it would otherwise be cut off by the width of the user's browser. You can also disable this for each step.

Návrh vyhledávání

Pokud si chcete vytvořit vlastní vyhledávání s průvodcem, zde je několik zásad, které byste měli zvážit.

  1. Choose a primary goal for the tour. What do you want users to learn by the end?
  2. Know who your audience is before you start, and what their goals and experiences are. What knowledge about a process do they have before starting your tour?
  3. Plot the necessary steps, focusing on the one action or key takeaway for each step. Less is more. The more steps in your tour, the more likely a user is to abandon your tour in the middle.
  4. Tours can be started via a link or button within a page, or automatically via a cookie. How you start a tour has a big impact on the potential for delivering tours that interrupt or annoy users, so choose carefully.
  5. Let the steps and their associated actions guide the design of the tour. For example, if you want users to edit as one step, pointing directly to the edit button is the obvious and efficient thing to do. A poor alternative would be to have a center-aligned window with an image and description of the edit tab. The strength of tooltip-based tours is that you can show users what to do, instead of simply describing it.
  6. Choose titles, body text, and images only after you have plotted all steps in your tour.

Seznam tours

GuidedTour

Následující vyhledávání jsou aktuálně součástí rozšíření, a proto jsou dostupné na jakékoli wiki, kde je nainstalován GuidedTour.

Na wiki

Feel free to add your own tours to the appropriate list above.

Find more examples by searching for "prefix:MediaWiki:Guidedtour-tour", e.g. at Enwiki.

Nápady na vyhledávání

Potential tours include nearly all tasks currently covered by help documentation in Wikimedia projects. We're starting with Wikipedia, and with tasks that are most common or attractive to new registered editors, since they are a group most likely to need a guided tour of an interface or activity.

  • Page creation
  • 'Your user page' - what it's for, etc.
  • How to add/edit a reference
  • How to add an image
  • Watchlist - what are the important elements of it, how to add stuff to it, etc.
  • Process helpers: how to request a move, how to file a deletion request, etc.

Please add to the list!

Technická dokumentace

Building and launching tours

You launch a guided tour on a page by adding tour=tourname to the query string of a URL linking to it, or by calling mw.guidedTour.setTourCookie( tourName ) to set a cookie for the next page load. You can also launch it immediately with mw.guidedTour.launcher.launchTour (requires only the ext.guidedTour.launcher module). You can set the cookie from the server if appropriate too. This will cause the GuidedTour extension to load both the code to display the tour and the tour itself.

You define your tour in a JavaScript file in your extension, or in the MediaWiki namespace (MediaWiki:Guidedtour-tour-tourname.js). Much of this file simply names the elements of each step of the tour — a titlemsg, descriptionmsg, a 'next' button, etc. Individual wikis can override the CSS at MediaWiki:Guidedtour-custom.css.

Category:Extensions used on Wikimedia/cs#GuidedTour/cs Category:Guided tours/cs
Category:All extensions/cs Category:Apache licensed extensions/cs Category:BeforePageDisplay extensions/cs Category:Extensions in Wikimedia version control/cs Category:Extensions included in Miraheze/cs Category:Extensions included in WikiForge/cs Category:Extensions used on Wikimedia/cs Category:Extensions with manual MediaWiki version/cs Category:Guided tours/cs Category:MakeGlobalVariablesScript extensions/cs Category:Page action extensions/cs Category:RedirectSpecialArticleRedirectParams extensions/cs Category:ResourceLoaderRegisterModules extensions/cs Category:Special page extensions/cs Category:Stable extensions/cs