阿拉丁與QR code的結合

Technorati Tags: 阿拉丁

本篇要將好用又方便的QRcode與阿拉丁網站做結合囉！

若能在自己的網站內容放上QRcode，能讓使用者在瀏覽網頁時，透過QRcode的感應與連結，將接觸到到更多的內容，使你的網站資訊更多元豐富唷！

 

◎何謂「QR code」？
QR碼是二維條碼的一種，來自英文「Quick Response」的縮寫，即快速反應的意思，源自發明者希望QR碼可讓其內容快速被解碼。QR碼為目前日本最流行的二維空間條碼。QR碼比普通條碼可儲存更多資料，亦無需像普通條碼般在掃描時需直線對準掃描器。

◎QR碼運作原理：透過手機安裝程式，將鏡頭對著QR碼，手機會自動抓取QR碼的感應資料，並透過網路連線直接進入網站。常用於名片、官方網站等用途。

 

 

◎以下開始教學：

Step1
要將自己的阿拉丁網站創立一個專屬的QRcode。

首先輸入網址「http://goo.gl」進入到google的QRcode生產器網頁，再來將阿拉丁網站的網址［複製］，貼至URL空白欄位，接著按下［Shortern URL］生成QR碼。

 

 

Step2

在製造出QR碼前，會先要求輸入［驗證字元］。

如果驗證碼圖示不太清楚，可以選擇更換驗證字元。

 

Step3

輸入完成後，會跳出屬於網站的連結網址可以複製，但若要找到QR碼，則須再下方點擊［details］進入。

‘

 

Step4

進入畫面後，右方會出現QR碼圖示，在圖示上按右鍵，選擇［另存圖片］將其儲存起來，就是儲存屬於自己網站的QR碼圖了！

 

Step5

再來進入阿拉丁平台將QR碼架設在自己的網站上。

在右方［模組管理］內找［自訂模組建立］，進入後輸入［模組標題］、［生效／失效日期］，並勾選［純文字］介紹自己的聯絡方式，於下方勾選［有效］後，最後別忘記按下［新增］即可完成一個模組的建立。

 

Step6

新增模組後，再點擊一次［自訂模組建立］，並點擊剛建立的模組進入畫面。

 

Step7

進入模組後，在畫面右方將剛剛製作的QR碼點擊［瀏覽］上傳，格式選擇［圖形檔］，並點擊［使用文字］才能跳出文字介紹。最後別忘記按下［修改］才算完成設定哦！

 

Step8

在左方功能列中進入［首頁精靈］，並點擊［下拉式選單］找到剛剛建立的［自訂模組］，再按下［Add］後，別忘記在上方點擊［新增］鍵，才能正確將模組放置首頁哦！

 

Step9

最後在點擊［前端］或［首頁預覽］檢查看看，就可以看到QR碼圖片出現在你的個人網站上囉！

阿拉丁《用法Right，就愛配》讓網站好感無限加分課程(暗藏密技:製作手機行動網)影音全記錄(2012年)

講  師：紀又倫 Master 老師

經  歷：黑快馬系統諮詢部-軟體諮詢講師

【課程資訊】第一堂

• 時間：2012/6/13 (三) 09:30-12:30 世界大樓 W301 教室
• 內容：《 功能大觀園 》+《 用法Right，實用又方便 》
• 講義：點此下載
• 課程影片實況：Part1│Part2

【課程資訊】第二堂

• 時間：2012/6/20 (三) 09:30-12:30 世界大樓 W301教室
• 內容：《 用法Right，實用又方便 》+《 網站好感無限加分 》
• 講義：點此下載
• 課程影片實況：
• 課後技巧分享(製作手機網)：
  • 第一篇
  • 第二篇
  • 第三篇
  • 第四篇

※阿拉丁-手機瀏覽網頁頁面製作-第四篇

Step8

最後一步就是再確認此一連結模組（世新大學），是否已成功放置於首頁，若要再做一次設定，可以參考第一篇的［Step1］和［Step5］。

若是進入［前端］檢查網頁發現模組資料未建置成功時，可再返回後台重新放置一次。

◎以下再做叮嚀說明：

進入［首頁精靈］中做建置的設定，在最視窗左下方［Add］上頭找下拉式選單，按下倒三角形按鈕後，點擊［連結>世新大學］（如圖中步驟1、2、3、4），最後再按下［Add］，即可完成啦！

 

◎若發現前端網頁的顯示畫面比例不對，就要返回後台調整［版面比例］唷！

請先到［首頁精靈］設定版面的比例，將［最左邊］的寬度設為［100％］，其餘中間與右邊的寬度比例皆為［0％］，設定完成後再按下［修改］，才能完整儲存這次設定的內容哦！

 

※設定完成後，可以到［前端］檢查，看看首頁、圖片、名稱，與連結路徑等等，是否正確與順利唷！

※阿拉丁-手機瀏覽網頁頁面製作-第三篇

＊路徑2：建立細項→各列細項內容介紹

第二個介紹的架構類型，為較複雜的「建立細項→各列細項內容介紹」，若資料特性有許多分支細項，或是區塊性的分類內容，就可以使用路徑2來建立路徑及資料（如下圖一、圖二參考）。

●圖一

●圖二

※阿拉丁-手機瀏覽網頁頁面製作-第二篇

（PART-2）主題內頁建立

接下來我們要來學習建置重要的資料處理連結路徑囉！

請參考以下架構圖：

＊路徑1：點擊連結→訊息或內容公告

第一個介紹的內容架構類型，就是單純的「連結點擊→出現訊息或內容公告」，通常是單一線性的資料呈現，一個標題/連結，來搭配一篇主要的內容（如下圖參考）。

※阿拉丁-手機瀏覽網頁頁面製作-第一篇

透過阿拉丁學習如何建置網站，除了可以迅速幫你建立網站架構，還可以建置手機瀏覽的網頁頁面哦！

◎如下圖，日本的九州大學官方網頁就有手機版網頁供人閱覽

而今天我們也可以建置手機瀏覽的網頁頁面（如下圖），透過阿拉丁就可以做到唷！

YO!YO!輕鬆建置阿拉丁網站 3 哲學影音全記錄(2011年)

04月15日輕鬆建站哲學第一堂：《網站建置超Easy》

【課程資訊】

• 講師：林頌旻 Ken
• 時間：2011 / 04 / 15 下午 13:00~16:00 世界大樓 3 樓 W301 教室
• 內容：阿拉丁網站基礎課程
• 講義：點此下載
• 影片：完整版(不分段)

04月20日輕鬆建站哲學第二堂：《進階阿拉丁讓網站犀利無法擋》

【課程資訊】

• 講師：林頌旻 Ken
• 時間：2011 / 04 / 20 下午 13:00~16:00 世界大樓 3 樓 W301 教室
• 內容：阿拉丁網站進階課程
• 講義：點此下載
• 影片：第一段│第二段│第三段│第四段│第五段│第六段│第七段│第八段

04月22日輕鬆建站哲學第三堂：《自建阿拉丁美學，創出MY風格》

【課程資訊】

• 講師：林頌旻 Ken
• 時間：2011 / 04 / 22 下午 13:00~16:00 世界大樓 3 樓 W301 教室
• 內容：阿拉丁網站版型+外掛facebook、youtube..課程
• 講義：點此下載

YO!YO!賽門老師輕鬆建置網站 3 哲學，阿拉丁課程熱烈開課中，歡迎您報名

《*****課程報名請點此*****》
http://ccweb.aladdin.shu.edu.tw/schoolpad/front/bin/form.phtml?Nbr=43

【主講人更換通知-原 『賽門老師』 改換『 阿Ken老師』 主講】
【阿Ken老師經歷-系統諮詢部 軟體諮詢講師：林頌旻 Ken】
    曾於 彰化師範大學、臺灣藝術大學、大同大學、亞洲大學、
     元培科技大學、大仁技術學院、醒吾技術學院等 學校主講。

【 課前準備 】

1. 講義下載 》 ：https://shuccedu.wordpress.com/2011/02/24/lovedownload/
2. 注 意 》 ：本次課程教室在世界大樓 3 樓 W301，世界大樓已於3/14試行門禁制度，記得帶校園IC卡喔。 ( 無卡者，與一樓服務台同學說一聲，即開放通行。 )
3. 上課實機操作會用到阿拉丁網站平台，如已申請，請用已申請阿拉丁平台練習，
   如無平台，現場會有練習網站提供練習。

致單位及老師：

還記得去年熱情賽門老師有趣活力講課，
一下子讓大家將網站建立起來的盛況嗎~

其實阿拉丁除了輕鬆建置網站外，
它的網站功能更多到超乎想像，有問卷、論壇、會員加入機制、圖庫管理、電子翻書、
自訂網站模組、自訂形象頁、自訂網頁風格、作業上傳…等，
可惜的是，去年因課程時間關係有不少功能來不及講到。

YO!YO! 照過來
今年特邀賽門老師除了教大家輕鬆建置網站外，
更深入解說阿拉丁進階功能及如何自建美麗風格版型教學，
讓單位及老師的阿拉丁網站犀利無法擋，創出美麗MY風格~

———————————————————————————————————
● 輕鬆建站哲學第一堂：《網站建置超Easy》 (已結束)
時    間： 04 / 15 (五) 13:00-15:00
地    點：世界大樓 W301
● 輕鬆建站哲學第二堂：《進階阿拉丁讓網站犀利無法擋》
時    間： 04 / 20 (三) 13:00-15:00
地    點：世界大樓 W301

● 輕鬆建站哲學第三堂：《自建阿拉丁美學，創出MY風格》
時    間： 04 / 22 (五) 13:00-15:00
地    點：世界大樓 W301
———————————————————————————————————
【相關資訊】

• 《賽門老師將解答大家常見的疑問》
  1.問卷是否可以建在內容明細?
  2.如何讓阿拉丁做到A+無障礙化?
  3.問卷的新增功能，何謂聯動選單? 何謂報表設定?
  4.想更了解模組的運用?
  5.有限制人數問卷報名功能嗎?如沒有可以用甚麼樣的方式替代?
  6.想建立其他帳號給其他人管理，但只能使用部分功能，該如何設定?
• 《阿拉丁網站申請》
  1. 單位
     • (文件一)：填寫需求單，請主管簽名後送交至中心信箱或電算中心3樓辦公室
     • (文件二)：填寫阿拉丁帳號申請單，Email至電算中心業務承辦人汪心潔小姐 jovie@cc.shu.edu.tw
  2. 專職老師
     • 請至卓越中心申請，業務承辦人 陳玉珠小姐 分機 2333
• 《查看去年的盛況》
  • 意猶未盡之《賽門老師阿拉丁網站建站概念》影音篇及使用手冊

意猶未盡之《賽門老師阿拉丁網站建站概念》影音篇及使用手冊

天氣酷熱，夏日蟬鳴的 7 月，是否讓您想起4月21日熱情有趣的賽門老師教導大家建置阿拉丁網站快樂回憶呢 ，期待已久意猶未盡之《賽門老師阿拉丁網站建站概念》影音篇出爐囉~

影片網址：http://davreal.shu.edu.tw/index.php?page=videos&section=view&vid_id=101439

《阿拉丁網站使用手冊》
阿拉丁除了網站建置還有一大堆用不完的功能，在此提供從基礎到進階，及多項新增功能使用說明(均為PDF檔)，歡迎下載~

1. 建站概念及基礎說明 ( 搭配本次影片會更容易瞭解喔 ) [1.84Mb,pdf檔]
2. 各項功能使用進階說明 [2.89Mb,pdf檔]
3. 新功能《版本V5.2.102》：[1.49Mb,pdf檔]
   問卷聯動功能 (本說明包含總管理者母網概念請直接省略)
4. 新功能《版本V5.2.104》：[1.94Mb,pdf檔]
   1. 新增問卷頁面的預設頁面設定。
   2. 新增友善列印可顯示學校校徽。
   3. 問卷可以設定"固定數量",來限制問卷填寫次數。
   4. 問卷增加上傳檔案功能，可讓瀏覽者直接上傳檔案至網站後台。
   5. 問卷增加是否限制會員填寫機制。
   6. 圖庫推薦模組標題增加標題圖檔設定。
   7. 增加留言板頁面中可選擇顯示留言者IP設定。
   8. 權限明細設定中新增"附加檔案建立"設定機制。
   9. RSS訂閱功能優化。
   10. 增加"學生權限設定"是否彈出框選擇班級。
   11. 系統樣式修正和優化。