Categories: 初學程式

coding第九講: 寫程式的情境,軟體開發是怎麼一回事

寫程式跟寫報告看起來差在哪?

其實感覺到自己還沒有資格寫這個主題,畢竟自己參與的大型專案、幾萬行code的作品都還沒有(幾千行倒是有XD),對於clean code也還在學習階段,所以這篇其實不會告訴你真實的軟體專案管理會是什麼樣的情境,算是本科系學生在做程式專案的時候會怎麼做?以及目前我對軟體開發的流程,比較偏向心得跟經驗談。

因為我本身是個生產力愛好者,裡面有許多我在專案管理所用到的工具介紹,如果您不熟悉專案管理,這篇文有很多好用的工具哦!

首先我們在大二有堂課叫做系統分析與設計(雖然我的系統分析其實也是自己學的…….),依照學校的性質教的內容不太一樣,應該算是軟體工程的概論 的概論XDDD,那裡面有提到五個階段,其實跟產品經理所認知的產品開發流程是一樣的。

  1. 需求分析
  2. 系統分析
  3. 程式撰寫
  4. 部署(上線)
  5. 維護

而專案管理的方法學是:

  1. fall (瀑布)
  2. Agile (敏捷)

    Richart 敏捷開發!

瀑布現在已經很少人在用了,主要都是用敏捷開發,也就是一個快速做出小產品,然後超快迭代,在數位產品領域基本上都是這樣了,之前參訪台新銀行,聽數位金融的人說,Richart專案也是用這種方式來回應市場需求的哦!其中又有個方法學叫做Scrum,有興趣的朋友可以查一查,我個人是信奉Scrum的,因為變化太快,而且想法隨時都會在開發的過程冒出來。

需求分析

基本上我所帶領的團隊都會依照上面五個步驟,開發程式或者商業競賽提案,並用Agile,一週一會來討論每週的新想法與調適,包括我個人的side project也會這樣做,通常我們會先開會討論所要解決的痛點是什麼。

也就是如果打造一個產品,它的核心價值是什麼?我們的TA(Target audience)是什麼?

接下來會研究TA一段時間,這時候我會替團隊做數據分析,好比商業競賽期間我曾經對PTT、Dcard等網站做大學生的保險需求相關文字探勘。

如果團隊沒有會數據分析的人,可以採用使用者訪談、問卷調研的質化方式,那就是我的組員去做的,我則可以專注在量化分析上。之後根據主題模型、特徵等等刻畫人物誌。

畫出人物誌之後,我們會先討論出共識,決定這個特徵到底是拍腦袋、還是有資料佐證?

此時用到的工具:

  1. Line/Skype(開會用,目前我偏好JANDI,正在推廣給組員哈哈哈)
  2. Evernote (梳理文字、記錄開會內容)
  3. Python (數據分析)

另外團隊的共識真的很重要,所以組長也要拿捏好討論氣氛、適時引導提問,讓想法不攻自破,對每個人的知識做個提煉,我的團隊通常都會配一個融合爐XD 可能是我,也可能是他,需要整理好大家的想法以及淬煉出好的部分,此時團隊也能一起成長,所以組長不是想當就當,確實需要一個特質,梳理脈絡與邏輯溝通好的人比較適合組織大家的想法。

有了共識,我可能會替團隊做個商業分析來評估收益、市場大小、市場結構,這就是需求分析,而此時數據分析、商管專長的人在團隊裡面就很重要。

此時用到的工具:

  1. R / Python (商業分析)
  2. Tableau/Excel (呈現分析結果、視覺化)

  1. 系統分析

    思考產品應該放入哪些功能?

    那這裡我都會先引導組員說:「圈流量還是圈人?」這兩個有很大的不同,也是我接觸數位產品之後才慢慢認知到的產品經理方法論。接下來就會根據目標來思考功能,通常畫出人物誌之後可以畫「使用者旅程圖」,也就是開啟App、產品之後到結束產品會發生什麼事情。此時就可以像修剪樹木一樣,展開功能、扮演的角色、提供的服務等等…….比如加個購物車功能、留言板等等…….這樣就完成了系統分析,不過因為剛剛說過我們會用Scrum,所以系統會繼續擴張或是縮小。

    那系統分析開完會議之後,下次會議通常要交出PRD、MRD。

    比較簡單的專案我們可能就會Google雲端文件打一打這樣XD 此時的分工大概是長這樣:

    • 我(組長):寫PRD、MRD、參與UML、DataBase、Prototype
    • 設計師*2:逛Pinterest、dribble、設計UI、UX、prototype
    • 工程師*2:設計UML、DataBase、逛Github找類似專案、學習相關技術

    通常我會導入trello這個生產力工具來協助掌握團隊每個人的進度。然後監督UX配置、UML的設計架構等等…….做好系統分析,就會依照前面的設計來寫程式啦!

    此時用到的工具:

    1. Trello (專案管理)
    2. XMind + Evernote(PRD、MRD)
    3. Google calendar (提醒進度)
    4. Visio/draw.io/Marvel.io (prototype + UML + DataBase design)
    5. Notability (開會時迅速展開架構、情境、畫圖),我會用apple pencil + ipad 這麼做

    設計師會用到:

    1. AI/PS/Xd … Adobe系列
    2. Sketch

    程式撰寫

    那寫程式的情境其實就蠻夢幻的XD包括我在前面需求分析、數據分析的時候也要寫程式,我寫程式的情境通常是會先挑場地,最喜歡宿舍,因為有放雙螢幕XD 雙螢幕真的是標配我覺得,用過之後就回不去了,咖啡廳則是想聽爵士樂、聞咖啡香,或者跟人有約就會去,推薦捷運大安站星巴克(超大間)、臺大旁邊一些店也很不錯:

    不過我還是喜歡雙螢幕的爽感

  1. 場地:咖啡廳、系辦、宿舍 、家裏 with 沙發
  2. IDE + 文本編輯器:vscode/Spyder/Sublime/Jupyter/Rstudio/eclipse
  3. 其他背景程式:Spotify 、Chrome、Evernote、Sublime、Onenote
  4. 網站:技術部落格、Github、Stackoverflow、Google
  5. 硬體:MacBook pro + Dell monitor + Ipad pencil + Ipad + smartphone
  6. 其他有的沒的:飲料 * 1 + 坐墊/背靠 *1 + 插座 + WiFi + 書(可有可無)

然後戴上耳機聽youtube、spotify,真的配上飲料會覺得超舒服(超容易滿足XD)最好有個靠背的,不然很容易駝背!

IDE是看要寫什麼樣的東西以及用什麼語言,Java就用Eclipse,web/API 就會用vscode,數據分析依然Jupyter (Python) or Rstudio(R),然後就會搭配Github參考別人的code、遇到bug上stackoverflow、到技術部落格補充一點知識,至於我自己的筆記則整理Evernote,程式碼很多也會存在Onenote以復用,有些功能太常用、程式碼片段都會放在OneNote或者Github

雖然vscode內建程式碼補全沒錯,但是Jupyter沒有QQQQ

真的希望早日出來!

主要就是依照PRD來寫code,這部分沒什麼好說,想辦法實現就對了(X

前端也是,照著設計師的稿來刻畫面跟切版,這些地方都很需要copy and paste,重點是你知不知道這個用法、可以這樣寫,所以找到好的Github repository真的就是star + fork XXD 因為可以cmd + C + V 。

Funny data analysis and data mining

那資料探勘就比較好玩,好玩很多,有想看什麼問題就直接操作資料就好,然後配合Markdown語法直接記在Jupyter上,modeling的話可能就會開個分頁讀一些paper跟tutorial ,寫爬蟲的時候就是開Chrome跟selenium的腳本、然後讀一下網頁原始碼來撈資料,EDA就會開plotly跟Kaggle查一下寫法、跟讀一下自己以前做過的筆記還有寫過的專案思路。商業分析的時候就開個分頁讀一下顧問公司的報告、產業工會的年報之類的…….讀一下就可以繼續埋在資料裡面,資料預處理就比較煩一點,所以我會看情況需要來決定要不要特別寫個API(類似資料處理模板,有點像特別寫個計算機,計算你想看的東西)

資料視覺化就會滑一下plotly gallery 跟開Tableau。debug就是查,然後簡單測試一下,修改錯誤,這樣反覆。

測試、部署、維護

其實就是修改,發布,畢竟開發產品本來就是個循環迭代的過程,很難一次到位。

那麼以上就是寫程式的情境,其實真的算是分享寫程式通常看起來是怎麼樣的,如果真的要談軟體工程我是沒那種資格,有興趣的朋友可以看:

  1. Clean code
  2. 人月神話
  3. 軟體工程概論
  4. 物件導向設計

都是評價很好的書,物件導向設計原則、命名規範、函數原則、API文件編寫都給予很好的啟發,但我是覺得如果還沒有寫過很長的專案看這些書比較沒感覺,我是還在看Clean code,網路上有很多關於軟體開發的討論,可以看看!那麼以上,就是寫程式的情境分享,希望這樣的描述會讓您對寫程式感到有興趣,我們下篇文章見!

好文作者—Dennis Dsh

學程式助教

Recent Posts

三個你不能錯過的教學資訊

疫情之下,原本實體活動全都改成線上,活動分享全都在網路上很容易錯過,這邊整理了幾個跟數位教學相關的活動資訊給大家參考,分享順序為活動時間⏰ 1. Google Workspace技術整合術 Google Workspace for Education (原 G Suite 教育版) 能透過 Gmail、Google Drive、Google Calender、Google Meet 和 Classroom 等通訊與協作應用程式創造輕鬆與順暢的學習環境,並促進協同合作以提升數位學習與教學成效,而且還會為學校資料提供雲端安全性防護…

3 years ago

線上教學沒有臨場感?Gather來幫你解決

實體的教室變成一格一格的畫面,原本吵雜的下課時間也變成掛斷通話的系統聲。原本在班級中的歸屬感慢慢消失了,久而久之,孩子的對於學習,不再有群體的感覺,只是孤軍一人學習、複習、考試,甚至是畢業典禮都少了一份臨場感。因此,今天要和大家介紹一款現在在教育界還很少被提到的軟體-Gather。 Gather 如果你還不知道Gather,或是直覺的把Gather與虛擬會議室連結在一起,不妨先看看Gather裡的特色: 介面是像素型RPG 每個人自由創建一個角色 上下左右輕易控制角色 走道其他角色旁邊能互相討論 小遊戲battle 光是這五點特色,就足以推派它成為遠距教學的工具,除了打造不同空間的地圖外,最特別的是Gahter打造前所未有的臨場感,人與人之間只有靠近到一定距離,才能聽到彼此說話聲音,而相對應的,離開後聲音就會漸漸聽不到,就連白噪音的設計也是如此,非常的逼真。 不知道老師們會不會因為搭建地圖覺得麻煩,或是看到2D介面怕學生當遊戲在玩而不考慮這款軟體,換個角度思考,藉由不同地區的老師們集思廣益,打造出最適合學生學習的環境,像是不同學科的教室、戶外自然生態區、操場、籃球場等等....都可以更貼近真實校園,而像素的介面正好提高學生的學習意願,老師們擔心學生過於沉迷時,也能用全體廣播放上課鐘聲,或是讓學生們聚集在同一區,鏡頭站起來動一動 (另外推薦Active Arcade -> 趣味運動的APP ),就像早操一樣很真實。 線上教學缺乏臨場感,Gather可以創造了讓大家「一起在一個遊戲世界」的凝聚力。縱使Google Meet、Teams 雖然也可以進行討論,但若要每堂課要穿梭在不同會議間,節奏不流暢,使用Gather可以讓學生更自由地移動,相對應的老師也可以神出鬼沒地到處「旁聽」。 教孩子用科技解決問題,如果老師們也努力著示範給孩子看,創造出獨一無二的學習空間,相信對於孩子學習的歷程中,有莫大收穫。但到底怎麼開始使用?別擔心,這次快樂學程式邀請到Gahter界的大神 阿岳,要來和大家分享Gather的6大應用技巧,限名額唷~…

3 years ago

HTML入門系列:基本觀念介紹!

HTML入門&基本觀念介紹!         構成一個網頁,最重要的就是他的結構,而HTML就像是他的骨架,而CSS就是像是我們身體上的肌肉一般,而JS則像是人體的神經、血管般調整著我們身體、傳遞訊息,那麼HTML究竟是指哪些語法呢?   什麼是HTML?       HTML全文又稱為HyperText Markup language ,也就是所謂的超文本標記語言,是網頁構成的基本要素,換言之,網頁就是由一堆html所構成,透過瀏覽器,顯示文字、圖片、以及其他相關我們可以在網頁上看見的基本元素。而對於剛學程式的朋友來說,HTML有以下幾個重點: HTML的基本架構: HTML的基本觀念與優點1.容易學習-HTML的文檔製作非常簡單易懂﹐功能強大之餘還支持不同格式的文件鑲入。2.製作門檻低-HTML是文本﹐它需要瀏覽器的解釋。只要你學會了HTML﹐你就可以直接在Windows的記事本或寫字版上進行製作和編輯﹐當然你也可以用WPS來編寫﹐只要注意在存檔的時候用.htm或.html來做檔名就可以了3.有利於搜尋引擎理解你的內容,透過HTML所構成的頁面被稱作所謂的”靜態頁面”﹐而Google爬蟲會優先收錄靜態網頁﹐所以HTML對於Google來說就像是鯊魚聞到血腥味一樣﹐有利於吸引Google爬蟲。4.加快瀏覽速度-因為靜態網頁無需連接數據庫﹐因此比打開動態網頁的速度較快﹐對於消費者體驗來說有所幫助。5.網站更安全-因為HTML頁面不會受Asp相關漏洞所影響。 HTML的缺點與限制 1.太簡單﹐不能適應現在越來越發達的網路世界和應用的需要﹐比如手機﹑PDA﹑信息家電等都不能直接顯示HTML2.太龐大﹐由於HTML代碼不規范﹑臃腫﹐瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠﹐運算也跟不上3.數據與表現混雜。這樣你的頁面要改變顯示﹐就必須重新制作HTML。對不同的網路設備顯示同樣的數據都需要制作不同的HTML4.只能對文本進行排版﹐而且HTML樣式使用標準文本標識﹐不能創建一些特殊效果 所以我該如何學習HTML? 有什麼比較快的方法嗎?       答案是沒有的﹐學習程式語言就像是學習廚藝一樣﹐只有透過不停的嘗試﹑嘗試和嘗試才能讓自己有所成長﹐並且慢慢強大。過程中你會一直遇上困難和失敗﹐但你在不斷解決困難的過程中能夠不斷發掘新的知識﹐從失敗中發才能不停的成長。無論你是學習那一種程式語言﹐都需要經歷困難和失敗才能讓自己更加強大﹐正所謂:不經一番寒徹骨,怎得梅花撲鼻香呢?對吧﹐我們能做的不是要找捷徑﹐而是透過不同的媒介和平台去不斷學習﹐那麼下面快樂學程式會為大家介紹一些很棒的程式教學網站﹐讓大家可以不斷提升自己。 1.w3schools.com- 語法練習的好地方這個網站是目前全球訪問量最大的網頁開發教程網站﹐網站裡有多種程式語言的教學﹐而且每種程式語言由淺到深的解說﹐從語言的介紹到不同的功能和方法都會分章節說明。所以無論你是從零開始學的白紙﹐還是已經在學習但遇到困難的新手都可以在這個網站上找到相關資訊﹐是個非常不錯的網站。那麼網址我們當然要雙手奉上﹐請慢用https://www.w3schools.com/ 2.CodeAcademy- 免費的教學網站這是全球其中一個最受歡迎的免費coding教學網站﹐已經有超過2400萬人透過這個網站學習到了如何去coding。這個網站是非常適合新手入門的同學去學習的﹐網站會一步一步仔細的教導而且還有實作﹐所以學習起來非常的快速! 3.StackOverflow- 實際案例與疑難雜症的解決處  這個網站比較適合一些已經有在嘗試動手實作的同學﹐當你在coding的時候遇上困難了﹐那麼你可以在這個可以解決超過80種程式語言問題的網站上找到答案﹐讓你的coding之路更加順暢。  如果你覺得爬網站麻煩又費時,不妨直接點擊快樂學程式的網頁前端課程,老師直接手把手帶你入門HTML !完整的基礎入門課程省下你獨自摸索花費的時間!   課程上架Udemy ! 準備一個輕鬆的週末,只要一天的時間,帶你建置靜態網頁。從實作中打開靜態網頁的大門,讓你的研究之路不是只有自己,有我們跟你一起努力!課程中你可以瞭解網站建置的世界觀與網站版型掌握HTML5的使用方式掌握 CSS3的使用方式使用Bootstrap處理前端UI框架現在開始上課!如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。快樂學程式

3 years ago

HTML語法整理! 3分鐘快速弄懂常用語法!

什麼是HTML?         HTML全名是HyperText Markup Language,是一種描述超文件的註記語言SGML(Standard Generalized Markup Language)所制訂出的一種網頁語言,是編寫網頁的基本語言,基本上現行的瀏覽器都可以讀取HTML,使用HTML可以編輯設計出網頁,也可以在網頁中加入所有HTML語言可支援的方式,例如表格、表單、圖片、文字、連結、程式等等。 HTML介紹與基本語法整理   不管你是小時候從撰寫無名小站為了要修改你的樣式,而開始瞭解HTML和CSS為何物,或是長大因為介面設計或前端工程開始踏入網頁的世界。HTML和CSS對於網站的重要性經過多年依然歷久不衰。在本篇會對HTML進行基礎的介紹並幫你整理出基本語法提供你在寫網頁時的快速參考!   編寫基本的HTML: 先讓大家看一下一個基本的HTML文件格式為: <HTML> <HEAD> <TITLE>網頁主題</TITLE> <Meta> </HEAD> <BODY>…

3 years ago

PHP是什麼?3分鐘PHP基本介紹!

PHP是什麼?3分鐘PHP基本介紹!       大家安安﹐快樂學程式這一次要跟大家分享PHP這種程式語言。希望幫助對於PHP有興趣的新手們可以透過我們的文章對這種語言有初步認識。一如以往﹐我們會分享以下幾項有關PHP的知識。 PHP是什麼?       PHP語言的全名是(PHP: Hypertext Preprocessor),和ASP、JSP等都是動態網頁開發語言,不過,PHP擁有跨平台的能力,無論是在Linux(最適合)、Unix、 Windows都可以執行運作,不像微軟 的ASP只能在Windows平台上執行,而且PHP是免費的,並可結合多種資料庫伺服器,如:MySQL、PostgreSQL、dBase、mSQL、Informix、ODBC、Oracle等。      PHP語言是伺服器端(Server)執行的網頁,不像一般HTML網頁,只要單機下開啟檔案就可以檢視網頁,PHP必須先在伺服器端執行完後,再將結果傳至使用者端(Client)的瀏覽器中檢視結果,所以必須使用網站伺 服器,且伺服器要支援PHP。 如何學好PHP?       要學好PHP,要有目的,要有一個想寫的東西,寫個學校網站,寫個校友系統,寫個簡單的新聞區或相簿...等,都可以,盡可能的和工作和生活結合,利用程式來簡化繁瑣的人工步驟,或者提昇工作效率,有目標,才會有動力,才會有想法。      學PHP不需要背,背不完的,只要懂就好了。像函數就不用背,常用的打久了你就背起來了,不常用的,等到要用時,知道去哪裡找就好。換言之,函數懂越多,功力越高強。      程式碼可以複製貼上,但一定要知道為什麼要這麼寫,不要傻傻的照著打,可以的話,自己打一遍最好,最上乘就是可以說出每一行程式碼的作用和前因後果。或者,故意打錯,看看會怎樣。錯誤訊息看久了,功力也就提昇了。 PHP程式碼執行方式 透過 Web Server 方式:例如利用 Apache…

3 years ago

PHP是什麼?基本介紹與語法整理

Sildenafil citrate oral jelly Combiné avec les données de départs 2, on leur a demandé de type 5 de tadalafil…

3 years ago