P. S. Li 的部落格

[S18_WearComp] Case Study 醫資二 405570111 李品萱

1. 功能、目標使用者

DuoSkin是以刺青為概念,利用電路板原理將寫好的電路板製成導電金屬貼片,類似我們小時候常常玩的紋身貼紙。主要功能有三種:作為觸控面板、NFC資料傳輸、溫度變色。目標客群為時下年輕族群,其使用方式簡單、功能齊全,且時尚的外觀十分吸引人。

2. 看法

由於DuoSkin的製作成本其實不會太高,若是價格合理我會想買。觸控功能我覺得很普通,也較沒有必要;但其變色跟NFC功能我很感興趣,變色功能本身很潮,NFC可以用在悠遊卡、行動支付上面,比起拿卡片手機在那邊嗶嗶嗶,手直接刷過去帥多了。

3. 參考連結

https://www.bnext.com.tw/px/article/46867/taiwanese-girl-go-ahead-mit-in...

[S17_WebFund] [Web Project Proposal] 第三組

組員名單:

405570007 鄭家欣
405570111 李品萱
405570185 林正杰
405570226 胡翰文

 

題目:

醫資學程教學網

 

目的:

有鑑於我們在學習資訊相關的東西時,發現不知道資料從何找起,故將我們學過的東西集中成教學網 :D

網站提供系上必修課會用到的資訊及教學,包含:

  1. 課程介紹、使用工具介紹及連結
  2. 教學文發文
  3. 留言板、留言評分

希望能做成適應不同螢幕大小的偽裝APP :)

 

可能運用的技術及工具:

前端 - HTML、CSS、JavaScript、jQuery、AJAX

後端 - PHP、MySQL

其他 - git

工具 - Visual Studio、Sublime Text

[S17_WebFund] Lab3 醫資一 405570111 李品萱

1.GithubPage連結

https://psli0101.github.io/

2.網頁截圖

 

3.心得

  在找怎麼用GitHub Page製作網頁的資料時,發現大部分教學都是用Git語法來進行Commit跟Push等等,但是我常常打錯和忘記要打什麼,所以就研究一下介面怎麼用,除了第一次使用時是用語法,後來都改用介面處理比較快。

  在FreeCodeCamp上,是將CSS的部分放在HTML裡面,我覺得這樣看起來很不好看就開兩個檔案分別放CSS和HTML,少部分CSS才是放在標籤裡面。圖片檔的部分怕從網路抓URL連結會遺失,所以會使用到的圖片統一放在Image這個資料夾內,連結也不用打太多字XD

  因為時間關係只有做到靜態網頁,沒有添加動畫特效。在找資料的過程中,有發現一些很詳盡的教學網站,還有我沒想過的用法,在交完作業之後還是會去嘗試看看。

[S17_WebFund] Lab2 醫資一 405570111 李品萱

1.Gibhub帳號:psli0101

2.CodeAcademy和FreeCodeCamp截圖

3.心得

  HTML及CSS的部分,因為寒假有先在Codecademy預習過,比較容易了解每個單元在做什麼。

  困擾的是Git,以前也沒有接觸過,在完成題目的過程還需要去google一下資料。幸好JAVA課時,有用過Eclipse的Commit/Push的功能,對Git有點概念,在理解指令時也較能融會貫通。不過在寫題目時,感覺網站卡卡的,常常要重整一遍才能繼續打指令。

  要實際用HTML和CSS將網頁做出來,我覺得個人功力還要加強,或許可以利用開發者工具之類的去看看別人的網頁都是怎麼寫。Git的應用還有點不明白,希望之後能想通。

[S17_WebFund] Lab1 醫資一 405570111 李品萱

第一部分 使用軟體:Wireshark

(1)截圖

 

(2)文字說明

在瀏覽網頁時可以看到我自己的IP位址和對方伺服器的IP位址

檢視封包內容可以看到雙方用到的連接埠

像是 443port 是網頁流覽Port,提供加密和通過安全Port傳輸

學校網頁用POST傳送資料

在學校網頁做登入的動作後

上方網址不會出現我傳送的內容

但有在封包內發現加密後的傳送內容

 

(3)網址

http://140.136.251.210/student/

 

(4)心得

即使使用POST,只要可以攔截封包就有辦法解出帳號密碼

故而還是有一定的洩密問題

 

 

 

頁面