Ang Makasaysayang Voicebot: 8 Mga Hakbang (na may Mga Larawan)

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:12

Sa ibaba ng isang mabilis na pangkalahatang ideya ng nilalaman.

• Panimula at showcase na video
• Konsepto
• Arkitektura
• Hakbang 1: Chatbot
• Hakbang 2: Touchscreen
• Hakbang 3: Pahinga
• Hakbang 4: Vintage Phone & Voice Kit
• Hakbang 5: Subukan!

Mga gamit

Frame

Touchscreen

Vintage phone

Google AIY Voice

Node.js

Ang Amazon Web Services AWS EC2

Google Dialogflow

Mainit na baril ng pandikit (pangkaraniwan)

Nakita ng kamay

Bakal na bakal (pangkaraniwan)

Hakbang 1: Panimula at Video ng Showcase

Mag-chat sa iyong paboritong tao mula sa nakaraan gamit ang Makasaysayang Voicebot! Sa pamamagitan ng interactive na pag-install na ito, maaari kang makipag-usap sa isang makasaysayang pigura sa pamamagitan ng parehong chat at boses. Ginawa gamit ang Dialogflow, Node.js, HTML Canvas, isang AIY Voice Kit, isang Raspberry Pi at isang vintage phone.

Hakbang 2: Konsepto

Ang konsepto ay binubuo ng dalawang bahagi: Isang touchscreen na may mga animasyon ng isang makasaysayang pigura. Ipinapakita rin ng touchscreen ang dayalogo at may mga pindutan upang ang mga tao ay maaaring magtanong ng isang FAQ. Isang pisikal na telepono na nakakakuha ng pagsasalita at nagbibigay ng audio output, kaya maaari itong magamit upang magtanong at makinig sa sagot.

Hakbang 3: Arkitektura

Ang tatlong pangunahing bahagi ay:

• Ang backend, na nagsasama ng Dialogflow at isang Node.js server
• Ang frontend, na binubuo ng isang pahina ng HTML Canvas
• Ang interactive na pag-install, na nagsasama ng isang touchscreen at isang AIY Voice Kit na isinama sa isang vintage phone

Hakbang 4: Hakbang 1: Chatbot

Dialogflow

Upang likhain ang usapang ahente sa Dialogflow, sinubukan ko at sinubukan ang isang iba't ibang mga diskarte upang makuha ang pinaka tumpak at maaasahang mga sagot na posible. Nag-set din ako upang i-automate ang mas maraming paglikha ng dialog hangga't maaari. Nalaman ko na sa kasong ito ang pinakamadali at pinaka maaasahang paraan ng pagdaragdag ng kaalaman sa isang Dialogflow chatbot ay sa pamamagitan ng pagdaragdag ng isang CSV file na may mga pares ng tanong at sagot. Para sa Makasaysayang Voicebot, manu-manong lumikha ako ng 20 mga pares ng tanong at sagot at idinagdag ang mga ito sa Dialogflow. Tulad ng nakikita mo, ang mga sagot ni Ada Lovelace ay tama, napapanahon at maaasahan. Maaari kang makahanap ng karagdagang impormasyon tungkol sa Dialogflow dito mismo.

Node.js

Server Tulad ng nabanggit sa arkitektura, ang Node.js server ay ang utak ng operasyon, na nagbibigay ng koneksyon sa pagitan ng Dialogflow at ng iba't ibang mga aparato. Para sa mga unang bersyon, lokal na tumatakbo ang server sa aking laptop. Para sa kasalukuyang bersyon, ang server ay na-deploy sa isang EC2 Amazon Web Services server na tumatakbo sa Ubuntu. Mayroong ilang magagaling na mga tutorial sa Node.js at pinapatakbo ito sa AWS.

Hakbang 5: Hakbang 2: Touchscreen

Ang mga animasyon para sa Makasaysayang Voicebot ay nilikha sa pamamagitan ng paggupit ng iba't ibang mga elemento, tulad ng mga braso, kilay at baba, mula sa isang pagpipinta ni Ada Lovelace gamit ang Adobe Photoshop. Ang bawat isa sa mga elementong ito ay isa-isang inilagay sa HTML Canvasfrontend. Ginamit ang library ng TweenJSJavaScript upang ilipat at buhayin ang mga cut-out na ito batay sa input mula sa mga gumagamit at mga tugon mula sa Dialogflow.

Frame Upang makumpleto ang larawan, isang lumang frame ang pinutol sa laki ng touchscreen. Tulad ng dati, sukatin nang dalawang beses, gupitin nang isang beses.

Hakbang 6: Hakbang 3: Pahinga

Huwag kalimutang kumuha ng isang nakakarelaks na pahinga bawat minsan sa bawat sandali!

Hakbang 7: Hakbang 4: Vintage Phone & Voice Kit

Para sa telepono sinubukan kong makahanap ng isa na ginamit sa panahon ng Ada Lovelace. Hindi lamang ang mga telepono ay naimbento matagal na pagkamatay niya, talagang mga lumang telepono ang mahirap makarating. Gayunpaman, nakakabili ako ng isang lumang Ericsson rotary phone na ginawa noong 1960's.

Upang likhain ang gumaganang voicebot, nilalayon ko na ilagay ang AIY kit sa loob ng telepono habang ginagamit muli ang maraming mga orihinal na tampok hangga't maaari.

Nagamit ko ulit ang speaker at ang dalawang kampanilya sa loob ng telepono. Ang rotary disk ay pinananatili ring buo, ngunit kasalukuyang hindi gumagana. In-update ko ang mikropono na nasa loob ng hawakan sa isang modernong isa, upang tumpak na makuha ang input ng audio. Pinalitan ko ang bago ng kurdon ng telepono ng bago upang ma-wire nang wasto ang bagong mikropono.

Hakbang 8: Hakbang 5: Pagsubok

Gumagana ba talaga ito? Isang paraan lamang upang malaman, subukan natin ito!

Iyon lang para sa proyektong Makasaysayang Voicebot, makipag-usap sa iyo sa paglaon!