中原大學全區地圖
專案介紹
剛進中原大學的新生們對校園有什麼困擾嗎?
是不是常常不知道午餐吃什麼?
通勤的孩子們對中原的通勤路線夠了解嗎?
有空堂好無聊啊!!!要去哪呢!?
我們小組為了幫助新生們能更熟悉校園,製作了這個網站。
在網站中我們會依照「食、衣、住、行」來分類新生們需要的資料。
只要點選地圖中的區域,你就能看到這個地方的大小事唷!
好站連結
成員介紹
馮正淇-Feng, Cheng-Chi
📝 自我介紹:您好,我是萌芽系列網站(Mnya Series Website)的站長&創始人,可以叫我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計&架設&經營、動畫製作、圖片處理、資料彙整等等。
💬 製作心得:這次因為多媒體程式設計這門課,讓我有機會展現自己本來就已經精通的網頁領域,並且在這當中學習更多從前學不到的東西,過去都是自己一個人玩網頁,這次同儕的加入讓專案變得非常有意思,我也在這期間教同學一些關於網頁撰寫的技巧與工具。
這個網頁是期中專案的作品,七成的主架構與全部的行動版(RWD)由我負責,希望用簡潔的介面帶大家認識中原大學周遭食衣住行的資訊,特別是「食」的部分,因為學校周遭是著名的夜市與商圈,吃的東西相對多,所以我們在這部分也花了較多的時間與版面呈現。本來想要將行動版地圖隱藏,但研究後還是將其保留,HTML MAP 也透過 JS 達到自適應的效果,讓所有裝置都可以透過地圖連往想查看的區域(網頁)。
希望這個網站能實際幫助到更多人,我也預計會在期中專案報告完成後,將網站做些微調後正式上線於自己的伺服器,不浪費難得的網頁作品。
李宛毓-WanYu Lee
📝 自我介紹:大家好!我的興趣是做手工藝,喜歡新鮮的事物,好奇心很強,一旦下定決心會努力達成目標。學業上擅長的是數學邏輯方面,目前想學寫程式、網頁。
💬 製作心得:這次的專案目標是讓新生們可以更了解中原附近的食衣住行,而我所負責的部分是網頁中每個小門的部分,每個小門會有食衣住行,我在製作的過程中其實花了很多時間,因為是第一次寫這麼有主題的網頁,有些想法要做出來其實是很不容易的。我還有製作影片,我們有討論過影片的大綱,主要是以中原學生的角度來看,我們用第一人稱的視角拍攝,因為我們拍了很多,最後我在剪影片的時候必須好好分類、挑選,而且因為是第一人稱視角去拍的,所以畫面很晃,但我調過後有好一點點了。因為時間的關係,有些不錯的畫面沒有用到很可惜。我在專案中學到很多,像是排版、使用繪圖軟體、使用影片剪輯軟體等等,也希望我們做的網頁可以幫助到更多的新生們。
齊執先-Joshua
📝 自我介紹:哈嘍! 我是齊執先
我是一個很怕生的男生 可是跟熟悉的朋友就會很放開自己 喜歡聽音樂 玩電腦 特別喜歡跟朋友一起享受遊戲樂趣。
💬 製作心得:透過這次的多媒體實作,我開始學習到一個網頁的建立從0到完成是需要花費多少的心血去完成,在這次的設計過程當中,我們常常因為版面的配置或是一些頁面的圖案表框下了很多的工夫,透過這次的活動,讓我們在這堂多媒體的受益良多,而我也在這次的課程當中學到很多,也過得相當充實,雖然說我沒辦法跟有做過網頁的同學一樣能夠在網頁編輯的程式馬上出太多的力,可是從蒐集資料和拍攝影片,將蒐集到的素材運用在這次的報告當中我感到很有參與感也很充實,團隊合作是讓我們在這緊湊的時間當中能夠順利完成這次網站的原因之一,我相信之後我們會越來越進步。
程嬿伃-Cheng yen yu
📝 自我介紹:日常喜好是 閱讀,繪畫,彈吉他。
💬 製作心得:我們這次的想法是,做出一個能夠讓新進中原的朋友,能夠快速地適應中原的生活,無論是在食物或是交通方面都有很好的整理,我擔任的是美工的部份,各種有關於美感,像是網頁排版和地圖繪製,將地圖放進網頁裡面,讓使用者點擊的時候能夠連結至各個小門的網頁,能夠讓使用者更清楚
而這次的專案,重要的是團隊分工和溝通,每個組員都有自己擅長的項目,透過溝通交流彼此的想法,我們才能夠更優化我們得網頁,讓網站更完善,在交流之後也讓我學到了很多關於上課沒有教的網頁知識。