AI Driven Design - 以OpenAI(ChatGPT+DALL-E)自動化網站製作

2023/02/18閱讀時間約 4 分鐘
早在20世紀70年代就已經出現人工智慧語言-PROLOG語言,但此時這個語言還不是所謂的自然語言(接近人類的語言),直到80年代的第五代程式語言,被認為是未來軟體的開發方式;於是日本開始在第五代計算機系統專案上,投入了大量的研究和資金;而後90年代是類神經網路的出現,到21世紀的機器學習深度學習陸續出現。奠定了如今生成式AI工具的大量興起。
而在這樣大量AI工具已然成熟的狀況下,AI通用化(普及化)已是趨勢。數位產品的設計應該在這樣的發展下,思維要跟著改變,也就是所謂的AI Driven Design。個人與企業應該都要去思考,如何利用這些AI工具讓自己加快成長,利用AI自動化地節省不必要的資源浪費,將資源放置在更重要的決策上。
這裡我以一個簡單的方式來示範,我們在教育現場的使用需求,發展出一個協助工作流程的生成式AI產品。
OpenAI(ChatGPT+DALL-E)自動CI/CD產生特教網頁遊戲
這個需求主要來自於PTWA的特教班老師們,有這樣的需求。需要利用一些網頁的小遊戲來輔助教學。
首先連結好ChatGPT所使用的OpenAI API GPT-3,做為產生網站與圖片的API程式碼。關於chatgpt2website的程式專案說明,在另外的blog有進一步解釋。
然後利用flaskbootstrap 4wtform等套件完成以下介面。
在inputbox輸入greedy snake game(貪吃蛇),然後執行Generate Website按鈕去呼叫openai.Completion.create function。
這次又使用貪吃蛇做為例子。過了一分鐘左右產生以下網站。
若覺得不夠完美,想要做修改,可以在首頁的下方按下Generated Websites的清單。
進去後清單如下:
點擊該檔案名稱(snake_game_1.html)旁邊的edit,進去以下編輯器畫面,所使用的是現成的套件CKEditor(一種WYSIWYG的免費套件),馬上就可以編輯剛從ChatGPT產生的網頁。
修改遊戲畫面的背景顏色,立即產生效果。
也可以透過Create Image按鈕中呼叫openai.Image.create function產生圖片,透過編輯器放入剛產生的網站中。
把紅點換成由AI產生出來的漢堡圖片。

以上所有的程式碼與圖片,都是AI從網路上學習並自動修改得來的,我只是換背景顏色和把紅點變成漢堡而以。這已經是不久未來的工作型態。
AI Driven Design是我們需要培養的思維。在做任何事情之前,我們要先找到可以協助我們的AI工具,然後以高維度來思考AI工具間的配合與創意產生,產生人類在工作中的價值。
目前即將面臨挑戰的工作就是繪圖師。生成式AI-Midjourney的毀滅性橫空出世,讓不懂繪圖的人也能產生高藝術性價值的圖片,其實很大部份人類從中扮演的角色,是培養文字描述(關鍵字)的精準度美感的敏銳度。我是支持生成式AI著作權的合法使用性,也就是所謂的「導演論」。這是不可逆的趨勢,就像當年MP3事件到各大音樂媒體公司不得不承認,並配合發行MP3合法下載的過程一樣,只會經過陣痛期但不會倒退。另外也包含之前提到的編劇也是,只要分潤機制做好,沒有人不樂觀其成。
prompt: 80s anime still, a young and beautiful girl showing her whole body with big eyes, charming lips, slender legs, wearing snow hat, sitting on the top center of mountain around cloud. retro fashion, muted pastel colors, by Tsukasa Hojo and Toshihiro Kawamoto
上面的文字語法在Midjourney會產生這樣風格的圖片(但每次都不一樣,AI具有隨機性,現在其他人貼一樣的語法也不會一樣)。但這麼多張圖片,要選擇哪一張繼續精煉該圖片,是需要有思想的人類選擇出來的。
接著再用D-ID讓演員失業XD(人類的情感表達是複雜的,這頂多只能取代vTuber和新聞主播)
AI發展的加速,將成為一股強大力量,促使人類的思維也跟著改變。
為什麼會看到廣告
11會員
28內容數
脫北者的程視設界
留言0
查看全部
發表第一個留言支持創作者!