Lab7 Lab8 一起做

1. 截圖與說明

Lab 7部份

Lab 7部份統整說明：使用Facebook Auth完成網站登入，第一張圖為API使用證明，第二張為透過Laravel/Socialite在實作Facebook Auth後的簡易帳號辦理手段，第三張圖為實作結果（右上方已變換成Facebook名稱）。

1. Screenshots

2. Experience

1. Url and Screenshot

Page url: https://otomesound.000webhostapp.com

2. Description

I create an API for self using on that website. This API will fetch the cat's fact and an image about a cat, and you can share the cat in this page and the cat in history tabs.

Section 1

1. Screenshot

2. Thoughts

I forgot when I have passion on jQuery after I figure out it's not friendly on dynamic update content. But I have to use it with some css framework which need jQuery as basis. I think jQuery will help us develop some application quickly, but when it comes to state changing in UX.(even in ajax, pjax), it's will make us more time on typing more unnecessary html code.

第一部分:

(1)截圖

(2)文字說明

1. 首先打開Wireshark後，必須要點選所使用的網路(乙太網路)。
2. 開啟我我們的目標網頁(輔大學生資訊入口網→Mail2000電子信箱)
3. 在Wireshark軟體中點Capture裡的Stop功能，停止擷取資料
4. 在Source資料列中找到網站網址(mail.fju.edu.tw)。

我們的目標是監測資訊入口網到Mail2000是怎樣做登入的，但發現學校官方在傳遞帳號密碼的時候使用GET方法。

(3)網址

http://140.136.251.210/student/

http://student.mail.fju.edu.tw/

(4)心得

1. Website link

s890081tonyhsu's github page

2. Review

In this couse, I' ve figure out the way to do some self introduction by create a web page. Maybe there are something I need to know.
And I'll try to learn the simplest way to display and meet the visitor need in a web page.

1. Github Account

OtomeSound

(1)截圖

(2)文字說明

簡易介紹一下自己

(3)網址

http://davistonyhsu.wixsite.com/mysite

(4)心得

這個網站方便簡易，上手不困難，沒有寫程式碼感覺渾身不自在。

佈置的部份稍微研究了一下字體還有資料的放置，希望會是一個好的開始。

(1)截圖

上一次碰Rails忘記是多久了，當時只是為了將別人的專案砍掉重練，就花了點時間學了Rails。

只是當時的登入部分只是跟單一登入系統借API來處理會員手續，唯一的遺憾就是單一登入系統還沒做到角色判定。

所以這次算是以一個帳號密碼的會員制度來看，而不是作為一個Third Party的角度來運作這服務。

剛開始操作的部分還有點卡卡的，可能是因為有段時間沒有熟悉以rails開頭的指令。大致翻閱一下cheatsheet之後就比較進入狀況了，因為MVC架構不會很陌生，只是那時候可能程式碼寫得很亂沒有好好做分類。

只是在操作過程中，Server端有些卡頓，所以可能是後還要再拿其他教學來練習，不過裡頭的一些觀念真的不錯。 例如密碼的處置方式，其實在我的密碼沒加密這個地方已經看過不少案例了，所以得到了一些警惕>

剩下的就要看之後的實作結果了，希望會是個好的開始。