User

Difference between revisions of "Nicolas NALLET"

Line 4: Line 4:
  
 
=Page de recherche des enregistrements=
 
=Page de recherche des enregistrements=
<div style="background-color: #206ae2; color: white; height:100px; width: 250px">
+
<div style="background-color: #206ae2; color: white; height:500px; width: 250px">
<div style="margin-left: 40px">
+
 
 
<h1 id="firstHeading">Find a record by language, user or level of proficiency</h1>
 
<h1 id="firstHeading">Find a record by language, user or level of proficiency</h1>
 
<span id="filteruser" style="color: white; margin-left: 40px;"> 👤 Speaker </span>
 
<span id="filteruser" style="color: white; margin-left: 40px;"> 👤 Speaker </span>
Line 12: Line 12:
 
<span id="filterlevelofproficiency" style="color: white; margin-left: 40px"> 🥇 Level of proficiency </span>
 
<span id="filterlevelofproficiency" style="color: white; margin-left: 40px"> 🥇 Level of proficiency </span>
 
<span id="savefiltersearch" style="color: white; margin-left: 40px"> 💾 Export this query in csv </span>  
 
<span id="savefiltersearch" style="color: white; margin-left: 40px"> 💾 Export this query in csv </span>  
</div>
+
 
 
</div>
 
</div>
  
 
+
<div style="float:right">
<div class="audiobox" style="float:right">
+
<div class="audiobox">
 
     <div class="ab-playbutton"><i></i></div>
 
     <div class="ab-playbutton"><i></i></div>
 
     <div>
 
     <div>
Line 30: Line 30:
 
<div class="ab-metadata">...</div>
 
<div class="ab-metadata">...</div>
 
     </div>
 
     </div>
 +
</div>
 
</div>
 
</div>
 
----
 
----

Revision as of 21:04, 29 July 2021

Consultant MediaWiki chez Wiki Valley

MediaWiki Consultant at Wiki Valley

Page de recherche des enregistrements

Find a record by language, user or level of proficiency

👤 Speaker ♀️ ♂️ Speaker's genre 🏳️ Language 🥇 Level of proficiency 💾 Export this query in csv

...
...

End of records page

Sandbox

https://en.wikipedia.org/wiki/fr:H%C3%B4tel+de+la+Roche-Guyon

OOui

Demo ToDo app with OOUI


Cahier des charges

  • liste des enregistrements pour la sélection (avec un design similaire aux 2 derniers enregistrements sur la page d’accueil)
  • sélecteurs :
    • by language
    • by speaker
      • by speaker's language proficiency (beginner, etc.)
      • by speaker's genre (male, female, etc.)
    • by cat (deepcat, incategory)
    • by coord (nearcoord, boost-nearcoord)
    • by link (linksto)

Prototype

<div class="wrapper">

Demo ToDo app with OOUI


Voir code dans MediaWiki:Common.js

Voir aussi

  • Autres outils dispos dans Special:Version : Exemple de requête.
  • le JS de l’extension QueryViz pour faire une requête SPARQL [1], notamment la fonction postQuery mais aussi loadFilterValues pour la façon de récupérer les résultats.
  • Une requête SPARQL qui charge indéfiniment LinguaLibre:Records