[2013臺大黑客松] Smark, make your study smart - 比賽作品簡介
值得紀念的時刻:第一次參加了hackathon的活動,而且還幸運的拿了獎,實在相當開心,以下簡單的提要一下。
星期天比賽,我們前一個星期二才第一次見面,約在台大後門的「發現義大利麵」討論要做的主題,主題必須和「教育」或是「學習」相關。
邊吃邊聊了一個小時,有半個小時在亂聊,最後決定做這個主題,也是針對我們自己的需求想到的idea。而Project Name也是比賽的前一天才想到的。
簡單來說,有點像是tutorial界的reddit。讓你可以透過Google chrome的extension來新增social bookmark(或是有人說雲端書籤),專注在網路上tutorial和QA的的蒐集。
網站的服務可以讓你follow某一個大大的bookmark或是follow某一個tag。並且還可以訂閱,定期整理出使用者可能感興趣的文章。並且透過Google chrome extension,使用者搜尋關鍵字的時候,就會自動的搜尋Smark上的相關文章,你有follow的人或是tag,就會排序在前面,讓使用者在搜尋問題時能更方便!
網站Bookmark內容全是以教學文章和問答文章為主,我們爬了Stackoverflow所有的Tag,所以初期會以我們自己的需要,程式開發的學習過程。對於一個一起學新東西、一起寫程式的team來說相當的有幫助。例如說,我和雞米同時在學angular.js的技術,但是他碰到的問題,我可能三天前就碰過並且已經找到答案,如果他可以直接看到我解決問題每篇看到的文章,這樣開發程式或是學習技術就會非常的有效率。
所以說這個服務,本來完全就是針對自己本身的需求做出來的,就算不為了比賽,我們自己本身也就是想用,然而還可以得獎,真的是太開心的一件事。
這次我們用的技術都很分散,就用自己會的東西,一天之內,把整個service兜出來了。我們用到了:
會前一小時的開會討論,今天九點到六點約八~九個小時的coding。對於自己可以做出這樣的一個服務(幾乎主功能flow都有串好),也覺得很驚訝,只能說人的潛能真的是無限啊!!XDDD
以下是當天做出來的簡單的畫面呈現
使用者個人頁面的部份,可以看到該使用者有多少人follower、蒐集了那些tag、或是follow了那些其他的人,方便自己,或是別人更快的找到想要的教學文章。
Demo的時間只有二分鐘,實在是非常非常的趕,還好都有把該說的重點都說到了,說話快到感覺都快變購物台了XD
緣起
這次成軍的很趕,而且團隊中必須一人為台大校友或是台大在學生,團隊的成員除了我,還有我同事「雞米」和資種的朋友「挺正」。星期天比賽,我們前一個星期二才第一次見面,約在台大後門的「發現義大利麵」討論要做的主題,主題必須和「教育」或是「學習」相關。
邊吃邊聊了一個小時,有半個小時在亂聊,最後決定做這個主題,也是針對我們自己的需求想到的idea。而Project Name也是比賽的前一天才想到的。
服務介紹
我們參賽做的服務叫做: 「Smark」
Smark = Study + Bookmark
Slogan是 「Smark, make your study smart」
簡單來說,有點像是tutorial界的reddit。讓你可以透過Google chrome的extension來新增social bookmark(或是有人說雲端書籤),專注在網路上tutorial和QA的的蒐集。
網站的服務可以讓你follow某一個大大的bookmark或是follow某一個tag。並且還可以訂閱,定期整理出使用者可能感興趣的文章。並且透過Google chrome extension,使用者搜尋關鍵字的時候,就會自動的搜尋Smark上的相關文章,你有follow的人或是tag,就會排序在前面,讓使用者在搜尋問題時能更方便!
網站Bookmark內容全是以教學文章和問答文章為主,我們爬了Stackoverflow所有的Tag,所以初期會以我們自己的需要,程式開發的學習過程。對於一個一起學新東西、一起寫程式的team來說相當的有幫助。例如說,我和雞米同時在學angular.js的技術,但是他碰到的問題,我可能三天前就碰過並且已經找到答案,如果他可以直接看到我解決問題每篇看到的文章,這樣開發程式或是學習技術就會非常的有效率。
所以說這個服務,本來完全就是針對自己本身的需求做出來的,就算不為了比賽,我們自己本身也就是想用,然而還可以得獎,真的是太開心的一件事。
我們得的是:「Evernote 潛力獎」
官網寫的評判準則是:俱有潛力在未來與 Evernote API 作進一步的整合,甚至投稿到 Evernote 2013 Devcup
這次我們用的技術都很分散,就用自己會的東西,一天之內,把整個service兜出來了。我們用到了:
Backend service: Ruby on Rails
Web front-end: angular.js + bower + Codeigniter(後端API還沒有寫出來,偷懶直接連DB用)
Google Extention: Backbone.js
開發工具:三台macbook、Sublime text 2 、主機架在aws ec2,DB放在RDS
會前一小時的開會討論,今天九點到六點約八~九個小時的coding。對於自己可以做出這樣的一個服務(幾乎主功能flow都有串好),也覺得很驚訝,只能說人的潛能真的是無限啊!!XDDD
作品Demo (screenshot)
以下是當天做出來的簡單的畫面呈現
第一部份是Google Chrome Extension 的部份,在你找到一篇很棒的文章時,你可以直接用Extenstion加入到Smark的書籤裡,並且可以自己下tag,但是tag初期我們只開放Stackoverflow上也有的標籤,以維護品質。
搜集好的Bookmark,因為我訂閱laravel這個標籤的關係,所以他就會自動出現在我的動態上,左邊的大姆指,是讓使用者可以幫每個tag評分,右邊的書籤mark和數字是代表有多少人蒐藏這個書籤。上方可以直接用Vote數、被蒐集數、時間來排序,或是直接可以下關鍵字搜尋
排序和搜尋是我用angular.js做的,而畫面是我用bootswatch + font awesome快速刻出來的。整體的感覺還算不差 :P
使用者個人頁面的部份,可以看到該使用者有多少人follower、蒐集了那些tag、或是follow了那些其他的人,方便自己,或是別人更快的找到想要的教學文章。
Demo的時間只有二分鐘,實在是非常非常的趕,還好都有把該說的重點都說到了,說話快到感覺都快變購物台了XD
展望
由於在開發這個作品之前,我們蒐集網路教學文章的工具也全都是用Evernote,希望未來這個作品可以串接Evernote的API,做為一個Push的Channel,直接把好的、高Rank的教學文章直接push到使用者Evernote中,來做更有效率的文章管理
趣事
下午在開發的過程中,碰到了一些莫名奇妙的怪bug,有一些嚴重到解不出來跟本就不能Demo了,看到時間一分一秒的過去,整個非常的緊張,一直在想著不能Demo怎麼辦,想想三個人就決定上去唱首歌好了。所以後來就變成,只要一出Bug,頭腦中第一件想到的事居然是:「完了完了,晚上上台要唱什麼好」...
謝謝你們的參與,辛苦了,繼續加油喔︿︿
回覆刪除