iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

給心理人的前端網頁開發 系列

現代心理學的研究,常常會用到許多數位工具,例如統計軟體、電子問卷。網路與網頁的誕生,讓心理學研究的方法更加多元化。在這系列文中,將簡單介紹與教學前端語言三本柱:HTML、CSS、JavaScript,最後帶到實做網頁問卷、以及網頁心理學實驗。

你是心理人,對程式的世界有興趣嗎?
你是程式人,對心理學的研究感到好奇?
你是一般人,對這個混合領域感到陌生?

邀請您一同參與程式※心理學的奇幻之旅

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

[給心理人的前端網頁開發] 21 關卡三:網路實驗 - CDN、下載、NPM 差別

在教學文章中,有三個建立 Hello World 範例的方案 Option 1: Using CDN-hosted scripts Option 2: Dow...

2023-10-06 ‧ 由 ayugioh2003 分享
DAY 22

[給心理人的前端網頁開發] 22 關卡三:網路實驗 - jsPsych Demo Simple Reaction Time Task

3-2 關,要來看看官網提供的 Demo 實驗教學。今天只要先把網頁給跑起來就好。 Demo Experiment: Simple Reaction Tim...

2023-10-07 ‧ 由 ayugioh2003 分享
DAY 23

[給心理人的前端網頁開發] 23 關卡三:網路實驗 - jsPsych Demo Simple Reaction Time Task 解釋

昨天展示了,如何把 Demo 的實驗給 run 起來,今天來講解實驗流程大概有哪些東西,以及這程式碼做了些什麼事情。主要以註解的方式呈現。 一、實驗流程 通常一...

2023-10-08 ‧ 由 ayugioh2003 分享
DAY 24

[給心理人的前端網頁開發] 24 關卡三:網路實驗 - jsPsych Demo Simple Reaction Time Task 資料解讀

受試者做完實驗後,就是主試者開心看資料的時候了。通常資料整理會有這些流程 確認受試者有沒有亂填答。若有亂填答的話剔除掉 收集受試者到一個階段、並剔除不良資料後...

2023-10-09 ‧ 由 ayugioh2003 分享
DAY 25

[給心理人的前端網頁開發] 25 關卡三:網路實驗 - jsPsych Stroop effect

前三天寫了三篇跟官方 demo 實驗有關的文章,接下來講講我用 jsPsych 做一個實驗的分享。首先來介紹 stroop effect 這個實驗。 Stroo...

2023-10-10 ‧ 由 ayugioh2003 分享
DAY 26

[給心理人的前端網頁開發] 26 關卡三:網路實驗 - jsPsych Stroop effect 程式面

昨天講解了 Stroop Effect 是什麼、以及實驗設計。今天來說說程式面的東西。不過今天講的東西可能對於還不懂前端開發的人可能不好懂,所以看不懂的話請隨意...

2023-10-11 ‧ 由 ayugioh2003 分享
DAY 27

[給心理人的前端網頁開發] 27 關卡三:網路實驗 - jsPsych Stroop effect 資料面講解

今天要講 Stroop Effect 的資料結果。這是程式碼: https://colab.research.google.com/drive/19H1IU...

2023-10-12 ‧ 由 ayugioh2003 分享
DAY 28

[給心理人的前端網頁開發] 28 關卡三:網路實驗 - jsPsych Eye Tracking

前面講了幾天用鍵盤反應的實驗,今天來講講 jsPsych 支援的一種反應方式:眼球追蹤。但因為我也還沒認真研究過這個功能,就只先介紹官網的內容。 我在學生時期上...

2023-10-13 ‧ 由 ayugioh2003 分享
DAY 29

[給心理人的前端網頁開發] 29 也許你不需要手刻網路實驗:心理學研究軟體方案整理

前幾天提到可以用 jsPsych 可以在網頁上寫心理學實驗。但其實這滿佈直覺的,對於不會寫網站的人還滿不友善的。像是心理系的學生,並不是每個人都會寫網站,但幾乎...

2023-10-14 ‧ 由 ayugioh2003 分享
DAY 30

[給心理人的前端網頁開發] 30 結語

這系列文幾年前我就想寫的東西,無奈我當時根本不懂網頁程式在幹麻,就一直延到現在。現在寫完了之後,覺得終於把心理的一些石頭給放下了。 這系列文主要目的,是讓給程式...

2023-10-15 ‧ 由 ayugioh2003 分享