A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | 구분 | 성함 | 노션 배움 노트 | 레플릿 웹사이트 주소 공유 | |||||||||||||||||||||||
2 | 1 | 허남희 | 선생님 | ||||||||||||||||||||||||
3 | 2 | 정주영 | 선생님 | https://www.notion.so/AI-2c8c8ed5b9e840a6b20a215f07892b44 | https://triviallastingarray--historyyoung.repl.co/ | ||||||||||||||||||||||
4 | 3 | 이상민 | 선생님 | https://north-juniper-b7d.notion.site/ai-c68f581760694729a1c50adde14fe555?pvs=4 | https://testai--sanglee10.repl.co/ | ||||||||||||||||||||||
5 | 4 | 김누리봄 | 선생님 | https://gregarious-poet-100.notion.site/AI-0088fc6aeba64f1aa9ef76abbd90ce04?pvs=4 | https://pointedlawngreendifferences--kuinikim78.repl.co/ | ||||||||||||||||||||||
6 | 5 | 이상훈 | 선생님 | https://tkdgnsri.notion.site/AI-230916-1f0978145b9549cf9e2dfb5b5e6ece59?pvs=4 | testai.tkdgnsri1.repl.co | ||||||||||||||||||||||
7 | 6 | 신진섭 | 선생님 | https://miniature-bay-31b.notion.site/AI-230916-85daa934aedd4a15b8acf3c6e4a68946?pvs=4 | https://test1--sin43980035.repl.co/ | ||||||||||||||||||||||
8 | 7 | 허진아 | 선생님 | https://scratch-hide-f2b.notion.site/AI-0da75e41749945bda1354ff850069014?pvs=4 | test.sdb202108.repl.co | ||||||||||||||||||||||
9 | 8 | 신남희 | 선생님 | https://bubbly-pump-bc0.notion.site/881ca411c5484395928e55b7f660411e?pvs=4 | https://replit.com/@snh05191012/MOLRA#index.html | ||||||||||||||||||||||
10 | 9 | 이용희 | 선생님 | ||||||||||||||||||||||||
11 | 10 | 송하영 | 선생님 | https://sugary-tang-f49.notion.site/AI-230916-8a14f54b20ae42eeb97f4fe877901e4b?pvs=4 | https://aiedu--hayong104.repl.co/ | ||||||||||||||||||||||
12 | 11 | 조선미 | 선생님 | https://www.notion.so/AI-230916-f91e870d733d42d7b97fbd477fc29fa7?pvs=4 | https://test--sangjems303.repl.co/ | ||||||||||||||||||||||
13 | 12 | 조예림 | 선생님 | https://teseuteu--dpfla4148.repl.co/ | |||||||||||||||||||||||
14 | 13 | 이경미 | 선생님 | https://lofty-biology-ad6.notion.site/AI-7e5b6fec42b547c2b52a0585fa0770cb?pvs=4 | https://test-1--gabianopiu0823.repl.co/ | ||||||||||||||||||||||
15 | 14 | 박소정 | 선생님 | https://www.notion.so/AI-230914-214f975c81b74b9796ad1e2aded30f52 | https://replit.com/@thwjd9409/teste#index.html | ||||||||||||||||||||||
16 | 15 | 박궁재 | 선생님 | ||||||||||||||||||||||||
17 | 16 | 이희주 | 선생님 | ||||||||||||||||||||||||
18 | 17 | 전선희 | 선생님 | https://coral-stoplight-5aa.notion.site/2a0ecceac278480c912f3aa37dde2658?pvs=4 | ai-1.jlyuna2003.repl.co | ||||||||||||||||||||||
19 | 18 | 박승렬 | 선생님 | https://ryeolt92.notion.site/AI-2023-9-16-82f33b7800d4470dbba6c022e430d4c1?pvs=4 | ryeolt.cprxsckfqh.repl.co | ||||||||||||||||||||||
20 | 19 | 이예진 | 선생님 | https://married-hibiscus-0fd.notion.site/AI-230916-41d4fd67473a44eeb4e697d1c6d7e323?pvs=4 | https://test--sdb202311.repl.co/ | ||||||||||||||||||||||
21 | 20 | 김정아 | 선생님 | https://www.notion.so/AI-230916-dc1700e87a4947a2ab3e4e282097627a | test.jeonga1114.repl.co | ||||||||||||||||||||||
22 | 21 | 손가연 | 선생님 | https://sweltering-spice-a57.notion.site/17d6d1c9ab734a2bbd60427d020e07d5?pvs=4 | https://ai--thsrkdus0327.repl.co/ | ||||||||||||||||||||||
23 | 22 | 최영란 | 선생님 | https://gaudy-myrtle-3cc.notion.site/7400752075a841868c7b01c8d9ae847c?pvs=4 | https://aitest--banghak14.repl.co/ | ||||||||||||||||||||||
24 | |||||||||||||||||||||||||||
25 | |||||||||||||||||||||||||||
26 | <!DOCTYPE html> | ||||||||||||||||||||||||||
27 | <html> | ||||||||||||||||||||||||||
28 | |||||||||||||||||||||||||||
29 | <head> | ||||||||||||||||||||||||||
30 | <meta charset="utf-8"> | ||||||||||||||||||||||||||
31 | <meta name="viewport" content="width=device-width"> | ||||||||||||||||||||||||||
32 | <title>인공지능</title> | ||||||||||||||||||||||||||
33 | <link href="style.css" rel="stylesheet" type="text/css" /> | ||||||||||||||||||||||||||
34 | </head> | ||||||||||||||||||||||||||
35 | |||||||||||||||||||||||||||
36 | <body> | ||||||||||||||||||||||||||
37 | <h1>인공지능 AI 인식 웹사이트</h1> | ||||||||||||||||||||||||||
38 | |||||||||||||||||||||||||||
39 | <pre> | ||||||||||||||||||||||||||
40 | 코드 작성자 : 손가연 | ||||||||||||||||||||||||||
41 | 사이트 제작일 : 23년 9월 16일 | ||||||||||||||||||||||||||
42 | </pre> | ||||||||||||||||||||||||||
43 | |||||||||||||||||||||||||||
44 | <img src="ima.jpg" width="80%"> | ||||||||||||||||||||||||||
45 | |||||||||||||||||||||||||||
46 | <div>Teachable Machine Image Model</div> | ||||||||||||||||||||||||||
47 | <button type="button" onclick="init()">Start</button> | ||||||||||||||||||||||||||
48 | <div id="webcam-container"></div> | ||||||||||||||||||||||||||
49 | <div id="label-container"></div> | ||||||||||||||||||||||||||
50 | <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js"></script> | ||||||||||||||||||||||||||
51 | <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@latest/dist/teachablemachine-image.min.js"></script> | ||||||||||||||||||||||||||
52 | <script type="text/javascript"> | ||||||||||||||||||||||||||
53 | const URL = "https://teachablemachine.withgoogle.com/models/aofmNQsnfd/"; | ||||||||||||||||||||||||||
54 | |||||||||||||||||||||||||||
55 | let model, webcam, labelContainer, maxPredictions; | ||||||||||||||||||||||||||
56 | |||||||||||||||||||||||||||
57 | async function init() { | ||||||||||||||||||||||||||
58 | const modelURL = URL + "model.json"; | ||||||||||||||||||||||||||
59 | const metadataURL = URL + "metadata.json"; | ||||||||||||||||||||||||||
60 | |||||||||||||||||||||||||||
61 | model = await tmImage.load(modelURL, metadataURL); | ||||||||||||||||||||||||||
62 | maxPredictions = model.getTotalClasses(); | ||||||||||||||||||||||||||
63 | |||||||||||||||||||||||||||
64 | const flip = true; | ||||||||||||||||||||||||||
65 | webcam = new tmImage.Webcam(200, 200, flip); | ||||||||||||||||||||||||||
66 | await webcam.setup(); | ||||||||||||||||||||||||||
67 | await webcam.play(); | ||||||||||||||||||||||||||
68 | window.requestAnimationFrame(loop); | ||||||||||||||||||||||||||
69 | |||||||||||||||||||||||||||
70 | document.getElementById("webcam-container").appendChild(webcam.canvas); | ||||||||||||||||||||||||||
71 | labelContainer = document.getElementById("label-container"); | ||||||||||||||||||||||||||
72 | for (let i = 0; i < maxPredictions; i++) { | ||||||||||||||||||||||||||
73 | labelContainer.appendChild(document.createElement("div")); | ||||||||||||||||||||||||||
74 | } | ||||||||||||||||||||||||||
75 | } | ||||||||||||||||||||||||||
76 | |||||||||||||||||||||||||||
77 | async function loop() { | ||||||||||||||||||||||||||
78 | webcam.update(); | ||||||||||||||||||||||||||
79 | await predict(); | ||||||||||||||||||||||||||
80 | window.requestAnimationFrame(loop); | ||||||||||||||||||||||||||
81 | } | ||||||||||||||||||||||||||
82 | |||||||||||||||||||||||||||
83 | async function predict() { | ||||||||||||||||||||||||||
84 | const prediction = await model.predict(webcam.canvas); | ||||||||||||||||||||||||||
85 | for (let i = 0; i < maxPredictions; i++) { | ||||||||||||||||||||||||||
86 | const classPrediction = | ||||||||||||||||||||||||||
87 | prediction[i].className + ": " + prediction[i].probability.toFixed(2); | ||||||||||||||||||||||||||
88 | labelContainer.childNodes[i].innerHTML = classPrediction; | ||||||||||||||||||||||||||
89 | |||||||||||||||||||||||||||
90 | // 사용자 지정 메시지 설정 | ||||||||||||||||||||||||||
91 | if (prediction[i].className === "핸드폰" && prediction[i].probability > 0.5) { | ||||||||||||||||||||||||||
92 | labelContainer.childNodes[i].innerHTML = "핸드폰입니다."; | ||||||||||||||||||||||||||
93 | } else if (prediction[i].className === "에어팟" && prediction[i].probability > 0.5) { | ||||||||||||||||||||||||||
94 | labelContainer.childNodes[i].innerHTML = "에어팟이군요!"; | ||||||||||||||||||||||||||
95 | } else { | ||||||||||||||||||||||||||
96 | // 다른 클래스에 대한 사용자 지정 메시지 | ||||||||||||||||||||||||||
97 | labelContainer.childNodes[i].innerHTML = "다른 물체입니다."; | ||||||||||||||||||||||||||
98 | } | ||||||||||||||||||||||||||
99 | } | ||||||||||||||||||||||||||
100 | } |