yunchin_lin 的部落格

[S18_WearComp] PWA Lab 醫資二 405570173 林芸妗

1. 截圖(有網址的話就附上)

 

2. 說明功能 或 說明與範例不同的地方

功能:

在離線的情況下,仍能顯示近7天的天氣狀況,在完善的狀態下,能提供最即時的天氣資訊。

可以透過右上方按鈕新增城市的氣候狀況及重整頁面,並保留已經新增的項目。

隨著設備的不同,響應式用戶介面使得畫面就算大小改變仍能顯示完整資訊。

 

與範例不同之處:

更改了title及透過HTML和CSS做了一些美化(顏色的調整),並將圖片換成其他圖示,且增加新的地點(台北、東京)之天氣。

另外,在畫面上方增加跑馬燈,作用為提醒使用者將有一場大雨,並記得攜帶雨具。

 

3. 心得

按照官方的教學範例逐步完成整個PWA,雖然並沒有完全理解每一個步驟,但還是盡力去消化吸收。這次因為有一些功能還不是很熟悉,所以仍把重點著重在以往所學的美化的部分,覺得有新學到東西也有複習到一些語法,不過仍希望未來能再繼續嘗試,並強化功能部份的實作,做出一個符合自己期待的PWA。

[S18_WearComp] Project Proposal 第2組

Project Proposal:穿戴物聯創新服務創業計畫書

 

1. 組員系級、姓名、學號

醫資二 謝秉翰 405570044

醫資二 林芸妗 405570173

醫資二 蔡德蓉 405570202

醫資二 李秉晨 405570343

 

2. 主題

多功能智慧戒指

 

3. 簡介

比手機更輕巧、更貼身攜帶!

透過藍芽傳遞各項資訊及音訊,提供搭乘大眾運輸工具(悠遊卡)、門禁管理及行動支付等功能,還能進行一般通話與視訊通話,帶給您全新的穿戴物聯服務體驗。

 

4. 動機與目的

我們時常會把手機放在包包裡,因此容易錯過重要電話及訊息,也因為不夠貼身而導致手機遺失的可能性,我們的戒指可以解決這些問題。除了保留原有的感應及行動支付功能之外,也為了省去顯示資訊的螢幕空間,增加了3D顯示技術,使戒指能既輕巧又能提供資訊。

 

5. 技術

藍芽

感應式卡片、支付功能:NFC近場通訊

視訊通話:全息投影(3D顯示技術-裸眼式);硬體設備:微型鏡頭、麥克風

[S18_WearComp] Case Study 醫資二 405570173 林芸妗

智慧管家-Amazon Echo & Google Home

 

一、功能與目標使用者

兩者皆為智慧音響,並分別以“Hello Alexa”(Amazon Echo)和“OK Google”(Google Home)進行語音控制;像是個人助理一樣,它會在一早告知你目前時間、天氣、通勤所需時間及當日行程摘要等。

在硬體方面,Amazon Echo內建7個麥克風,號稱是全世界最大的語音資料庫;雖然Google Home僅內建2個麥克風,但透過機器學習演算法,其語音辨識能力並不遜色於配有7個麥克風的Amazon Echo。

Google Home的人工智慧讓它能進行更自然的對話;在搜尋方面,只要提供夠多線索,它也將為你找到答案。

[S17_WebFund] Lab6 醫資一 405570173 林芸妗

1. 完成單元之截圖

 

2. 心得

在這次的作業中,我額外做了三個SQL相關的課程,雖然在電子病歷也有接觸過,但是因為課堂上老師都幫我們將較複雜的程式碼打好,所以這次算是我第一次自己實作,學習上也是頻頻卡關,但是透過Get Code可以發現自己通常都是錯在一些細微的地方。最後,有點可惜的是連接資料庫的方式還是沒有弄得很清楚,所以無法應用在期末的專題上...

 

[S17_WebFund] Lab5 醫資一 405570173 林芸妗

1.Codecademy完成單元之截圖

 

2.心得

這次學的PHP跟我們平常學的JAVA在觀念上類似,但是還是有些語法上的不同。透過在codecademy學習PHP的過程,再一次複習了if/else、switch case、array、迴圈(for/foreach & while/do)以及寫類別、方法和建構子等等,對程式碼的撰寫更加熟悉。雖然這次也免不了途中的種種卡關,但hint裡面的提示都相當清楚,在大部分的章節最後都還有總整理,讓我們再做一次練習,這樣的線上課程真的很棒,獲益良多。

[S17_WebFund] Lab4 醫資一 405570173 林芸妗

1.GithubPage連結

https://yunchinlin.github.io/

 

2.GithubPage截圖和實作功能敘述

我運用這次學習到的jQuery語法,將介紹自己的四個主題都設計成點選之後展開和收回,在最一開始進入頁面時,呈現一個簡潔的畫面。

 

3.FreeCodeCamp完成單元之截圖

 

4.心得

我覺得在系上的另一堂課(電子病歷)學到一些jQuery相關的寫法,對這次的學習上蠻有幫助的,雖然我還沒辦法將它發揮的淋漓盡致,但是我會在之後多花一些時間去瞭解,並設計更多其他不一樣的動畫來豐富我的個人網頁。這次其實並沒有很瞭解JSON APIs and Ajax的用法,之後在專題的應用上可能還需要再多下一點功夫。

[S17_WebFund] [Web Project Proposal] 第一組

組員系級學號姓名

醫資一 405570044 謝秉翰

醫資一 405570173 林芸妗

醫資一 405570202 蔡德蓉

醫資一 405570214 張芳菽

 

專題題目

旅遊小幫手

 

實作目的(動機)

"背包客"是一種潮流!

在這說走就走的時代,

我們想做一個旅遊小幫手!

依照你的需求提供更多選擇的訂房系統,

並介紹給大家更多不一樣的景點.

一次滿足你的所有願望!

 

運用技術&如何實作

HTML網頁, 利用CSS來做美化, jQuery建立動畫效果(ex. 選擇訂房日期)

Javascript : 回傳填寫資料給網頁伺服器

PHP(連結SQL環境 : 儲存飯店資訊) : 加到我的最愛

[S17_WebFund] Lab3 醫資一 405570173 林芸妗

1.GitHubPage連結

https://yunchinlin.github.io/

 

2.網頁截圖

 

3.心得

在這次的作業中,運用上週所學到的語法來建立個人網頁,但是因為還不是很熟悉,所以操作上還是會一直卡關。本來想要嵌入一些喜歡的歌曲,但是因為可能涉及版權問題,所以只能找一些無版權的背景音樂,其中我發現其實導入背景音樂的寫法不只一種,但是裡面都會有些許的不同,要十分小心才行。另外,希望之後可以發掘到更多有趣的呈現方式的寫法,讓我的個人網頁更加吸睛。也期望能夠更熟悉這些語法!

[S17_WebFund] Lab2 醫資一 405570173 林芸妗

1.Github帳號

YunchinLin

 

2.Codecademy和freeCodeCamp截圖

 

3.心得

在藉由這兩個網站學習的過程中,雖然遇到不少瓶頸,也花了不少的時間,但是我覺得獲益良多。卡關的時候只能不斷的嘗試或是查資料來解決,完成之後真的會很有成就感。學習HTML & CSS的時候,我可能打的太忘我,還忘記停止了XDD可是我其實打得很痛苦... 我覺得兩個網站給的指示都蠻清楚的,但是我可能理解上有點障礙,所以花了更多時間...很慶幸有上一次作業當作基礎,讓我可以更快進入狀況:)

[S17_WebFund] Lab1 醫資一 405570173 林芸妗

第一部分:

  • 軟體:Wireshark

(1)截圖

(2)文字說明

登入學校的學生資訊入口網,透過Wireshark以HTTP來篩選,並在Info那一欄的POST/student/Account/Login點擊後,在下方找到我的帳號及密碼。

(3)網址

http://140.136.251.210/student/Account/Login

(4)心得

了解到網路世界並非是絕對安全的,有心人士可以透過各種方式擷取到我們的個人資料,所以在使用公用電腦或是瀏覽未經加密的網站時,千萬要更加小心。

 

第二部分:

  • 軟體:Chrome的F12檢視原始碼

(1)截圖

Before

頁面