如何添加一個新的QR碼功能的Moodle移動（Javascript編寫的）

我任務是增加了QR碼生成功能，Moodle的移動。但是我不知道從哪裏開始，因爲我對Javascript幾乎沒有什麼瞭解。如何添加一個新的QR碼功能的Moodle移動（Javascript編寫的）

下面的圖片（見鏈接）顯示我多麼希望移動應用程序看起來像（圖像從PC火狐捕獲）

在這種情況下，我想快速草圖：

在菜單欄中添加一個「QR碼」按鈕。
點擊時，將用戶帶到QR碼「頁」，其中用戶可以輸入隨後的字符串看到立即產生的相應的QR碼。

我已經做了QR代碼段是由davidshimjs

我試圖檢查使用Firefox的元素，但我找不到我在哪裏「添加一個按鈕」菜單欄，更何況這裏添加一個新的「頁面」的應用程序。所以我想知道如何將QR碼功能集成到Moodle應用（添加按鈕+連接到QR碼頁）？我需要創建一個新的插件，我該怎麼做？

非常感謝您的幫助。

Sketchup of how my Moodle app should look like

X-posted from Moodle.org forums

來源

2017-02-07 Ryo

菜單欄應位於/www/core/components/sidemenu/templates/menu.html，還有你可以簡單地添加新條目，如

<li> 
 
    <a menu-close class="item item-icon-left" ng-href="{{siteinfo.siteurl}}" mm-link auto-login="yes" title="{{ 'mm.sidemenu.website' | translate}}"> 
 
     <i class="icon ion-earth"></i>{{ 'mm.sidemenu.website' | translate}} 
 
    </a> 
 
</li>

然而，讓您的應用程序內的QR東西需要一些關於應用程序和Angular JS的高級知識。我已經寫了一些Angular桌面應用程序，但是我仍然沒有時間去研究Moodle mobile，因爲需要一些時間才能進入它。你會也許

所以最簡單的解決方法：

在應用
只實現硬編碼「外部」鏈接顯示的QR頁面正常瀏覽器

來源

2017-02-07 09:44:45 Bearzi

您好，感謝您的幫助。我很想知道你對「獲取QR內容......應用程序和Angular JS的高級知識」所說的話，我可以很好地獲得源代碼（Javascript）在我的瀏覽器上正常運行。這是否意味着我無法直接將QR代碼的JS「複製並粘貼」到我的Moodle Mobile源代碼中？我的項目需要我生成一個變量字符串的QR碼（也可能需要一些AES加密）供您參考我用的是QR代碼庫是從[這裏]（http://davidshimjs.github.io/qrcodejs /） – Ryo

>這是否意味着我無法直接將QR碼的JS複製並粘貼到我的Moodle Mobile源代碼中？ - 確實是的。你必須至少把它放到角度控制器等等，這需要一些更高級的知識。基本上在「moodle mobile terms」中，你將不得不創建一個插件，例如「www/addons/calendar /」。如上所述，快速和骯髒的方式將是一個外部鏈接，至少有一個自定義角度模塊，這將顯示您的QR頁內應用程序 – Bearzi

如何添加一個新的QR碼功能的Moodle移動（Javascript編寫的）

回答

相關問題