หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

แอพ crowdsourcing - Calista

เว็บแอปพลิเคชันเพื่อรวบรวมข้อมูลจากการเปรียบเทียบภาพคู่ผ่านการระดมทุน สร้างด้วย Mern Stack

ทีม Calista พัฒนาและใช้แอพนี้เพื่อสร้างชุดข้อมูลที่ใช้การเปรียบเทียบบนความสวยงามของเว็บไซต์

ตัวอย่างจากกระบวนการประเมินผล :

กระดาษ: "Calista: ระบบพื้นฐานการเรียนรู้อย่างลึกซึ้งเพื่อทำความเข้าใจและประเมินความสวยงามของเว็บไซต์"

อ้างถึง: 
 @article{DELITZAS2023,
	title = {Calista: A deep learning-based system for understanding and evaluating website aesthetics},
	journal = {International Journal of Human-Computer Studies},
	volume = {175},
	pages = {103019},
	year = {2023},
	issn = {1071-5819},
	doi = {https://doi.org/10.1016/j.ijhcs.2023.103019},
	url = {https://www.sciencedirect.com/science/article/pii/S1071581923000253},
	author = {Alexandros Delitzas and Kyriakos C. Chatzidimitriou and Andreas L. Symeonidis}
}

ข้อกำหนดเบื้องต้น

  • นักเทียบท่า
  • นักเทียบท่า

การปรับใช้

ขั้นตอนที่ 1 - รูปภาพ

  • กำหนดรูปภาพที่คุณต้องการรวบรวมข้อมูลสำหรับ
  • เพิ่มภาพเหล่านี้ในโฟลเดอร์ front-end/public/images/

ขั้นตอนที่ 2 - ตัวแปรสภาพแวดล้อม

เพิ่มไฟล์ . env ในโฟลเดอร์รูทของโครงการและตั้งค่าตัวแปรต่อไปนี้:

ตัวแปรสภาพแวดล้อม คำอธิบาย
Mongo_uri สตริงการเชื่อมต่อ MongoDB
ท่าเรือ พอร์ตเซิร์ฟเวอร์
Mongo_port พอร์ต MongoDB
me_config_mongodb_adminusername ชื่อผู้ใช้ MongoDB
me_config_mongodb_adminpassword รหัสผ่าน MongoDB
me_config_basicauth_username ชื่อผู้ใช้ Mongo-Express
me_config_basicauth_password รหัสผ่าน Mongo-Express
node_env ตัวแปรสภาพแวดล้อมโหนด
ลงคะแนน _rounds จำนวนรอบการลงคะแนนของแต่ละเซสชั่นการโหวต
ลงคะแนน _time เวลาลงคะแนนในไม่กี่วินาทีของการเปรียบเทียบแต่ละครั้ง
number_of_images จำนวนภาพในส่วนหน้า/สาธารณะ/รูปภาพ/
baseurl URL พื้นฐานที่ใช้สำหรับคำขอ

ขั้นตอนที่ 3 - การตั้งค่า

ขั้นตอนนี้จำเป็นสำหรับครั้งแรกที่คุณจะเรียกใช้แอปพลิเคชัน อาจใช้เวลาไม่กี่นาทีเนื่องจากจะดาวน์โหลดภาพที่จำเป็น หากคุณทำตามขั้นตอนนี้เสร็จแล้วเมื่อสำเร็จคุณสามารถข้าม Directy ไปยังขั้นตอนที่ 4

tl; dr :

เรียกใช้คำสั่งต่อไปนี้: 

  ./setup.sh --create --sortimages

ตัวเลือกโดยละเอียดเพิ่มเติม :

  • ภาพในส่วนหน้า/สาธารณะ/รูปภาพ/ต้องตั้งชื่อด้วยตัวเลขเริ่มต้นจาก 0 (เช่น 0.png, 1.png, 2.png, ... ) หากภาพไม่ได้อยู่ในรูปแบบนี้คุณสามารถใช้ตัวเลือก -sortimages เพื่อให้ได้เปลี่ยนชื่อโดยอัตโนมัติระหว่างการตั้งค่า: 

     ./setup.sh --sortimages

  • หากคุณต้องการตั้งค่าฐานข้อมูลใหม่ก็จำเป็นต้องมีไฟล์ db/utils/comparisons_data.json ไฟล์นี้มีการเปรียบเทียบแบบคู่ที่เป็นไปได้ทั้งหมดที่สามารถทำได้ระหว่างภาพที่มีลำดับแบบสุ่ม มันถูกใช้สำหรับการเริ่มต้นฐานข้อมูล หากคุณต้องการใช้ไฟล์ เปรียบเทียบ ที่มีอยู่ก่อนหน้านี้ _data.json ให้ตรวจสอบให้แน่ใจว่าอยู่ใน DB/ UTILS/ DIRECTORY มิฉะนั้นคุณสามารถใช้ตัวเลือก -สร้างเพื่อให้ไฟล์นี้สร้างขึ้นโดยอัตโนมัติระหว่างการตั้งค่า: 

     ./setup.sh --create

  • หากคุณต้องการกู้คืนฐานข้อมูลที่มีอยู่ก่อนอื่นตรวจสอบให้แน่ใจว่าได้ย้ายไฟล์สำรองของคุณใน db/ backup/ directory จากนั้นคุณสามารถใช้ตัวเลือก -restore = <path_to_database_dump_in_backup_folder>

    ตัวอย่างเช่นหากคุณมีโครงสร้างต่อไปนี้ 

    ├── db
│   ├── backup
│   │   ├── 14_04_2020
│   │   │   └── votes
│   │   │       ├── comparisons.bson
│   │   │       ├── comparisons.metadata.json
│   │   │       ├── votesessions.bson
│   │   │       └── votesessions.metadata.json
.   .   .
.   .   .
.   .   .

    คุณจะวิ่ง: 

      ./setup.sh --restore=14_04_2020/votes

    หมายเหตุ : ในกรณีนี้ไม่จำเป็นต้องใช้ไฟล์ เปรียบเทียบ _data.json

  • คุณยังสามารถรวมตัวเลือกหลายตัวเลือกหรือใช้ไม่มี

ขั้นตอนที่ 4 - เรียกใช้

เริ่ม: 

 docker-compose -f docker-compose.yml up --build

หยุด: 

 Ctrl-C

สำหรับโหมดเดี่ยว :

เริ่ม: 

 docker-compose -f docker-compose.yml up -d --build

หยุด: 

 docker-compose down
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด