Code Monkey home page Code Monkey logo

openedx-hanzi's Introduction

OpenEdx-hanzi

OpenEdx-hanzi is an open sources web app developed to support teaching of the French MOOC de chinois "Kit de contact en langues orientales : chinois".

Home page

Features

  • Official pages:
  • Treatment of the listed sinograms for learners
  • OpenEdX / FUN compatible
  • Desktop and mobile friendly
  • Large support for modern browsers: IE10 +, Chrome, Firefox and others.
  • Easy integration [via iframe] (https://jsfiddle.net/752utup0/4/)
  • Stroke order animation
  • Pronunciation via audio and pinyin text
  • Semantics via text
  • Writing skill learning by doing via "Quiz" (no grading)
  • Easy to update on request to CRI developer
  • Hypertext to ...
    • target lesson: <a href="//hugolpz.github.io/OpenEdx-hanzi/#L3"> Text </a>
    • target character: <a href="//hugolpz.github.io/OpenEdx-hanzi/#L3们"> Text </a>
  • Social Web for visibility
  • Elegant

Soon

  • Improved audio
  • Vocabulary of the MOOC de Chinois
  • Anonymous learning monitoring / surveils
  • English readme.md

Usage

Easy integration via iframe

<h4><strong>Exercice d'écriture, Semaine 2 (<a href="https://hugolpz.github.io/OpenEdx-hanzi/#S2">pleine page</a>):</strong></h4>
<p>
  <iframe seamless="" title="Pratiquer l'&eacute;criture" src="https://hugolpz.github.io/OpenEdx-hanzi/#S2" 
          style="background-color: transparent; border: 0px none transparent; 
                 padding: 0; margin: 0; overflow: hidden; width: 100%; height: 1200px;">
  </iframe>
</p>

Dependencies

Data

License

  • MIT License
  • CC-by-sa-4.0 Hugo Lopez

openedx-hanzi's People

Contributors

hugolpz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

beewolf233

openedx-hanzi's Issues

Fix UI before prod

  • check availability of official link
  • Change social links
  • hide relevant parts
  • clean data > re-export data. #3

https://hanzi.cri-paris.org/#S3

Bonjour,
sous Firefox, je ne peux accéder au site en cliquant sur le lien donné dans le MOOC. Les infos que me donne Firefox sont : connexion non sécurisée, des éléments de la page, tels que images, ne sont pas sécurisés.
hanzi
hanzi1

2018.02.09 meeting

Fait :

A discuter :

  • amélioration audio
  • verification liste de vocabulaire
  • modalité de citation / visibilité
  • anonymous learning monitoring / surveils

Autres

Revue de l'intégration de OpenEdx-hanzi au MOOC de chinois

J'ai (re)fait une série de tests pour l'activité écrite. Voici mes observations.

1. Tests et observations

Les animations flash présentes (voir listes des 100 sinogrammes 3,4, et liste des 104 radicaux 5,6):

  • Design : bonnes qualité, élégant, design souhaité par Joel
  • Contraintes logiciels (voir utilisateurs par types d'appareils) :
    • Desktop : demande le plugin flash[1,2]
    • Mobile Android : non utilisable[3]
  • Activité : exposition à l'ordre d'écriture, au sens, à la prononciation. + plusieurs cas d'usages avec audio !, grille d'écriture.
  • Visibilité : 1) fermé : disponible aux inscrits dans le MOOC, non accessible aux non-inscrit ; 2) social: pas de partage via web social.
  • Métrique : non disponible.

[1] : exercice_ecrit_flash-1_open_require_flash_plugin
moocchinois-exercice_ecrit_flash-1_open_require_flash_plugin

[2] : exercice_ecrit_flash-2_plugin_installed
moocchinois-exercice_ecrit_flash-2_plugin_installed

[3] : exercice_ecrit_flash-3_open_mobile_android_fails
moocchinois-exercice_ecrit_flash-3_open_mobile_android_fails

L'Activity for Chinese Characters on OpenEdX citée ici et présente ici :

  • Design : bonnes qualité, élégant, design réutilisant des éléments similaire mais moins riche
  • Contraintes logiciels :
    • Desktop : fonctionnel dès l'ouverture[4]
    • Mobile Android : fonctionnel dès l'ouverture[5]
  • Activité : 1) exposition à l'ordre d'écriture, au sens, à la prononciation + composition, étymologie ; 2) pratique de l'écriture avec feedbacks
  • Visibilité : 1) ouvert : disponible aux inscrits dans le MOOC et aux non-inscrit sur le web ; 2) social: fonction de partage via twitter avec liens vers sinogramme ;
  • Métrique : les tweets permettent d'estimer l'usage.

​[4] : exercice_ecri_acsoo-1_open_desktop
moocchinois-exercice_ecri_acsoo-1_open_desktop

[5] : exercice_ecri_acsoo-3_open_mobile_android_works
moocchinois-exercice_ecri_acsoo-3_open_mobile_android_works

2. Recommendations

Pour l'exposition à la compétence écrite :

  • mentionner dans les pages avec flash :
    "Une webapp interactive est à votre disposition pour apprendre et pratiquer l'écriture des sinogramme vus dans ce MOOC. Cette application ne nécessite pas de plugin Flash."

Comme replacement ?

  • pas cette année. Les documents flash présentent à ce jour plus d'informations: les cas d'usages et leurs audios.
  • il serait bon de connaître le taux d'équipement en Flash de vos apprenants, la part d'appareils mobiles.

Pour la pratique de la compétence écriture (exercice d'écriture -- inédit) :

  • ajout d'exercices interactifs d'écriture dans le mooc est désormais techniquement possible via la web app, comme mentionné vendredi dernier
  • via lien ou Iframe. Voir https://jsfiddle.net/752utup0/8/
<h4><strong>Exercice d'écriture pour la semaine 2 (<a href="https://hanzi.cri-paris.org/#S2">pleine page</a>):</strong></h4>
<p>
  <iframe seamless="" title="Pratiquer l'&eacute;criture" src="https://hanzi.cri-paris.org/#S2" 
               style="background-color: transparent; border: 0px none transparent; padding: 0; margin: 0; overflow: hidden; width: 100%; height: 1200px;">
  </iframe>
</p>
  • iframe encouragé, cela fonctionne et permettrait davantage d'engagement.

3. Note solidité / Visibilité

  • La web apps est déployée, solide, avec un mode de mises à jour éprouvé ;
  • L'outil est disponible pour les étudiants mais peu visible à ce jour.
  • Le code étant OpenSource, l'utilisation permet la collecte de feedbacks, donc la définition de besoins à mettre en place pour une intégration Moodle.

4. Note sur Flash

Le travail effectué par les auteurs de ces flash est impressionnant vu l'époque à laquelle ces flash ont été fait. Très bien conçus.
Les technologies et supports ont depuis évoluées.
Aussi, d'après l'article Wikipedia sur Adobe Flash :

Although Flash was previously a dominant platform for online multimedia content, it is slowly being abandoned as Adobe favors a transition to HTML5.
Flash Player has been deprecated and has an official end-of-life by 2020.[1]
[...]
HTML5 is often cited as an alternative to Adobe Flash technology usage on web pages. Adobe released a tool that converts Flash to HTML5,[121]and in June 2011, Google released an experimental tool that does the same.[122][123] In January 2015, YouTube defaulted to HTML5 players to better support more devices.[124]
[...]
Websites built with Adobe Flash will not function on most modern mobile devices running Google Android or iOS (iPhone, iPad). The only alternative is using HTML5 and responsive web design to build websites that support both desktop and mobile devices. However, Flash is still used to build mobile games using Adobe AIR. Such games will not work in mobile web browsers, but must be installed via the appropriate app store.

Par ailleur, quant à la part des visites mobiles, Wikipedia.org a publié en 2017 la répartition de ces visites avec les appareils tablettes et mobiles dépassant cette années la barre des 50% des visites. Le poid de ces devices mobiles et leurs specificitées (pas de flash, tactile) doivent être prises en compte dans nos conceptions, medias et activité.

Conclusion

Voir les recommendations.

Create pdf pages generator git project

Input :

  • By: the teacher, via input field.s
  • Content, after parsing 😀
    • Array of characters [ {character: " 我"}, {character: " 的"} ] (compulsary) or
    • Array of characters with additional information
[
   { character: " 我", phonetic: "wǒ", definition:"Je", sample:"我的媽媽", derivatives: "我的, 我们"},
   { character: " 的" }
]

Output

Level 1:

Level 2:

Examples for inspiration:
screenshot from 2018-04-26 21-28-25
writing-chinese-calligraphy-home
screenshot from 2019-02-18 14-02-32

Level 3:

  • Webpage: list has persistant url.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.