第一組 How funny^^ 期末專題

專題題目:howfunny 聊天室

組員姓名:

  資工二甲 400261179 彭柔瑄

  資工二乙 400262161 王冠仁

  資工二乙 400262422 高振傑

  資工二乙 400262721 謝旻修

動機和專題介紹:

  這個專題的動機原本是要做出像Facebook差不多的社群平台,讓大家可以把日常生活中遇到的、想分享的、想發洩的事留言在這,不過最後做出來的跟原本想的似乎不太一樣,倒像是在做及時通。

  專題中有一半以上有用到資料庫,包括了帳號密碼、聊天室的內容都是存在資料庫。首頁部份,使用者可以選擇登入或是申請帳號,登入後可以修改個人的資料,當然也可以留言,功能並不是詪多,有許多可以增加和加強的地方。

使用技術和遇到的困難:

  使用的軟體有:XAMPP(Apache2.4.3 PHP5.4.7 MySQL)

  使用的技術包括了HTML、CSS、Javascript、PHP、jQuery、Server sent events

  遇到的困難其實蠻多的,由於我們從期中以前就開是做這個專題,PHP、SQL的部份都是靠自己上網找,技術上有困難不知道該怎麼做的時候友和其他學長討論該怎麼做,在知道更新頁面可以用web socket去實做後,有嘗試去使用,可惜PHP的環境似乎不太一樣,導致web socket server架不起來。其他遇到的問題其實很快就解決了,像是PHP在抓時間時要改時區、MySQL存中文變亂碼問題、injection的問題,這都成了很好的經驗,以後再遇到同樣的問題就知道要如何解決了。

專題分工及組員心得:

謝旻修

  分工部份:網頁編輯及排版、製圖

  心得:藉由這次的專題我學到很多,不過感覺我都沒幫到忙。我負責的工作是做網頁編輯,也就是將所有的網頁框架與排版設計做出來,在做的時候因為不同螢幕大小的問題找了很多的網路資料,因為原本在個人電腦瀏覽是正常的,但是後來放到其他電腦上呈現,網頁版面就整個跑掉了,只好回頭再把一些元件的位置設定全部改過。
經過這次專案的學習,有更加熟悉整個網站的開發流程了,雖然學到的東西,沒有王冠仁來的深刻,但也因為他的教導學到了很多東西。最近已經開始在想專題的事情,希望可以將所學有所應用。

彭柔瑄

  分工部份:美工設計

  心得:因為組員太強了...組長反而不知道可以做些甚麼(默)
這次我負責的地方是美工的部份,但是我找的圖片都被他們刪光光了(淚
經過這次的專案,我覺得我要回去好好反省一下,
自己的技術不夠所以無法在專案裡發揮效用,
還有自己的美工也真的不夠好,
暑假好好檢討自己之後,希望這些都可以改善。

高振傑

  分工部份:程式架構

  心得:藉由這次的專題我學到很多,不過感覺我都沒幫到忙。我負責的工作是做程式的建構,也就是將所有的基本介面做出來,在做的時候因為框架問題找了很多的是與網路資料,因為原本是用jsp寫的,但是後來放到網頁上時反而沒辦法執行,而且裡面的程式碼也完全都不能使用,只能全部改過。
經過這次專案的學習,有更加熟悉架站的基本了,雖然學到的沒有王冠仁多,但也因為他的教導學到了很多東西。最近已經開始在想專題的事情,希望可以將所學有所應用。

王冠仁

  分工部份:技術支援及整合

  心得:這次專題大部份時間都花在找上網找資料上,反而忽略了內容和設計,這是我們該檢討的地方,另外我很感謝我們隊友們能忍受我各種無理的要求,我把工作交給他們,他們交給我的卻是超出我想要的,並準時的把做好的部份交給我,讓我非常訝異,還有人熬夜沒睡覺一大早被我挖起來做專題。另外我是第一次做分配工做這種事,都是突然想要做什麼就分給其他人做,沒有一個完整的計畫,This is my mistake。

最後成果:

  像Facebook一樣在首頁可以登入或是申請帳號,登入後可以看自己的個人資料,也可以修改資料,聊天室內容部份是去資料庫抓取資料,若是留言的話會將留言的人、時間、說什麼話存在資料庫,資料庫收到資料會透過server sent events把Client端的聊天室內容更新。

未來展望:

  1. 實做web socket

  2. 實做更多功能,Ex:增加個人頭像功能

  3. 將網站架設在固定IP上

  4. 更多元的資料存在資料庫,Ex:個人的興趣、喜愛的運動、電影等等

  5. 介面排版能更好