Дижитал шатар - Шатрын тоглоомоо онлайнаар хянах: 5 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:03

Би бага байхаасаа л маш их шатар тоглодог байсан бөгөөд вэб дээр компьютер эсвэл амьд өрсөлдөгчдийн эсрэг шатар тоглох маш олон вэбсайт байдаг тул таны шатрын тоглоомыг хянадаг вэбсайтыг би хэзээ ч олж байгаагүй. үнэндээ бодит амьдрал дээр тоглож байна. Тиймээс энэ төслийг хэрэгжүүлснээр би үүнийг хэрэгжүүлэх болно гэж найдаж байна!

Би найдаж байна:

• Шатрын хэсгүүдийн хөдөлгөөнийг хянах боломжтой байх
• Өмнөх тоглолтуудын талаар тэргүүлэгчдийн самбарыг үзнэ үү.
• Цагийг хянаж, мэргэжлийн тоглоом шиг хурдан тоглоорой.

Энэ бол маш нарийн төвөгтэй төсөл бөгөөд хэрэв дууссан бол уншихад 64 гэрлийн мэдрэгч, 8 чип шаардлагатай болно. Энэ бол аль хэдийн том ажил бөгөөд бид бусад мэдрэгчийг тоолохгүй байна.

Манай коллеж бидэнд хийх ёстой зүйлсийнхээ том жагсаалтыг өгсөн.

1. Манай төслийн схемийг бий болгох
2. Мэдээллийг хадгалах, авах мэдээллийн санг бий болгох.
3. Adobe XD ашиглан вэбсайт хийх
4. Энэ вэбсайтыг CSS болон HTML ашиглан дахин үүсгэ
5. Питон ашиглан мэдрэгчийг уншина уу
6. Колбыг ашиглан мэдрэгчийн өгөгдлийг вэбсайт дээр харуул.

Энэхүү зааварчилгааны дагуу би таныг аялалдаа хөтлөх болно, мөн бүх зовлон бэрхшээл, авралын мөчүүдийг би сүүлийн хэдэн долоо хоногт туулсан.

Алхам 1: хангамж/багаж хэрэгсэл

Хангамж, материал, багаж хэрэгсэл нь амжилттай төслийн эхний алхам юм!

Хэрэгсэл:

• Гагнуурын төмөр
• Гагнуурын цагаан тугалга
• Бахө
• Өрөмдөгч машин
• Тууз

Хангамж:

• Micro SD карттай Raspberry Pi (4GB хангалттай байх ёстой)
• Расбери Пи гуталчин
• Шатрын самбар
• 7 сегментийн дэлгэц (TM 1637)
• 2 мэдрэгчтэй мэдрэгч (TTP223B)
• Карттай RFID уншигч (MFRC522)
• MCP3008 (Та хэр хол явахыг хүсч байгаагаас хамааран MCP тутамд 8 шатрын координат уншиж болно)
• Хөнгөн хамааралтай резистор 5288 төрөл (танд байгаа MCP тутамд 8)
• Толгой (эрэгтэй, эрэгтэй, эмэгтэй эрэгтэй)

Хэрэв та бүх зүйлийг худалдаж авах шаардлагатай бол тооцоолсон өртөг нь тээвэрлэлтийн зардлыг оруулаад 125 еврогийн үнэтэй байх ёстой (зөвхөн хангамж)!

Танд хэрэгтэй бүх зүйлийн холбоос, үнийг агуулсан Excel файл байна!

Алхам 2: Схем ба төлөвлөлт

Энэ төслийн дараагийн алхам бол схемийг бий болгох явдал юм. Би 2: Нэгийг талхны тавцан дээр, нөгөө нь цэвэр электрон хэлбэрээр хийсэн. Бүх зүйлийг цэвэр байлгаж, шаардлагагүй зүйлийг холбохгүй байхын тулд бидэнд энэ схем хэрэгтэй болно.

Хэрэв хэн нэгэн сонирхож байвал эдгээр схемүүдийг гаргахын тулд би "Fritzing" нэртэй програм ашигласан.

Өнгөний кодчилол:

• Улаан = цахилгаан хангамж
• Ногоон = холболт
• Цэнхэр = газар

Raspberry Pi холболтууд:

• 3V3 => Талхны самбар дээрх VC шугам, бүх зүйлийг тэжээдэг
• 5V => 7 сегментийн VCC дэлгэц

• GND:

  • Талхны тавцан дээр газар тавь
  • 7 сегментийн дэлгэцийн суурь
• GPIO4 => Цаг MCP3008 -ийн зүү сонгох
• GPIO10 => MCP3008 -ийн MOSI зүү
• GPIO9 => MCP3008 -ийн MISO зүү
• GPIO11 => MCP3008 -ийн CLK зүү
• GPIO7 => MFRC522 -ийн SDA зүү
• GPIO19 => Эхний мэдрэгчтэй DIG зүү
• GPIO26 => Хоёрдахь мэдрэгчтэй DIG зүү
• GPIO20 => Долоон сегментийн дэлгэцийн CLK зүү
• GPIO21 = Долоон сегментийн дэлгэцийн DIO зүү

Схемийн талаархи хос тэмдэглэл:

• Энэхүү схем нь зөвхөн 1 MCP агуулдаг бөгөөд энэ нь зөвхөн 8 координатыг бүрэн унших боломжтой гэсэн үг юм.
• Би GPIO тээглүүрийг чип сонгохдоо ашиглах болно. Зөвхөн 2 чип сонгох зүү нь 8 MCP -тэй байдаг.
• 7 сегментийн дэлгэцийг багш санал болгодог бөгөөд энэ нь өөрийн протокол дээр ажилладаг тул зөвхөн 4 утас шаардагдана.
• Мэдрэгч мэдрэгчийн дижитал зүү дээрх резистор нь бүрэн шаардлагагүй боловч урьдчилан зөвлөж байна.

Бүрэлдэхүүн хэсгүүдийг тайлбарлавал:

• Гэрлийн мэдрэгч бүхий MCP:

  • MCP3008 бол 8 суваг 10 битийн ADC юм:

    • MCP3008 нь гэрлийн мэдрэгчийн аналог утгыг унших бөгөөд энэ утга нь мэдрэгч дээр гэрэлтэж буй гэрлийн хэмжээнээс хамаарна.
    • Миний питон код дээр би энэ аналог утгыг хүлээн авч 1 эсвэл 0 болгон хөрвүүлэх болно

Мэдрэгч мэдрэгч:

Яг л товчлуур шиг ажилладаг, би үүнийг буцааж залгах аргаар ашигладаг. Энэ тухай дараа дэлгэрэнгүй

RFID уншигч (MFRC 522):

• Суулгасан багцтай тусгай протокол (SPI) ашигладаг.
• Суулгасан багцтай код бичих нь тийм ч хэцүү биш юм
• Шошгыг уншиж, шошгын утгыг буцаана
• Та мөн шошгон дээр утга бичиж болох тул арван зургаатын утгыг буцаахын оронд нэрийг буцаана.

7 сегмент (TM1637)

• Мөн хялбар кодлохын тулд суулгасан багцыг ашигладаг
• Бүхэл тоон утгатай хувьсагч үүсгээд 4 тэмдэгт болгон хувааж тэдгээр тэмдэгтүүдийг харуул

Алхам 3: SQL мэдээллийн сан

Энэхүү төслийн гурав дахь алхам бол 3NF -ийн хэвийн SQL мэдээллийн санг бий болгох явдал юм.

Бидэнд дараахь зүйл хэрэгтэй болно.

• Өгөгдөл оруулж байна
• Мэдээлэл авах, манай вэбсайт дээр үзүүлэх
• Одоогийн шатрын тоглоомонд хичнээн олон эргэлт хийснийг харах боломжтой байх!

Хүснэгтүүдийг тайлбарлав:

• Тоглоом

  • Энэ нь тодорхой тоглоомонд хэн хожсон, тоглоом хэзээ тоглогдсоныг харуулдаг
  • Энд гол түлхүүр бол GameID юм
  • Огноо нь одоогийн огнооны стандарт утгатай байна
  • Ялагч, оноог хожим нь тоглоом дууссаны дараа нэмж оруулах болно!

• Тоглогчид (Голланд дахь спелерүүд)

  • Эдгээрийг гараар оруулах боловч RFID картын системийг ашиглан оруулах боломжтой.
  • Картандаа нэр бичээд картаа уншаад энэ хүснэгтэд нэрийг оруулна уу
  • Энэ нь вэбсайт дээр харуулах тоглогч бүрийн ялалт / алдагдлын бүртгэлийг хянадаг

• Түүхч (түүх)

  • Энэ бол эргэлтийн түүх юм
  • шатрын сэлбэгийг хөдөлгөхөд энд шинэчлэгдэх болно
  • Энэ нь 3 гадаад түлхүүр, тоглуулагч, тоглоом, шатартай
  • ReadDate (InleesDatum) нь мэдрэгчийг уншсан огноо юм
  • ReadTime нь ReadDate -тэй ижил боловч цаг хугацааны тамгатай
  • LocationID (LocatieID) нь тухайн байршилд байгаа координатын нэр юм. жишээ нь "a3"

• Шатрын хэсгүүд (Голланд хэлээр Schaakstukken)

  • Шатар бүр өөрийн үнэмлэх, баг, нэр, статустай байдаг
  • Баг нь 1 эсвэл 2, хар эсвэл цагаан;
  • Хэзээ нэгэн цагийн бүтээлийн нэр нь "Ломбард 1" байх болно.
  • Статус гэдэг нь уг хэсэг амьд эсвэл үхсэн гэсэн үг юм!

Алхам 4: Техник хангамж

Бид бүх зөв хэсгүүдийг бэлэн болгосны дараа бид ямар нэгэн зүйл бүтээж эхэлж болно!

Үүнийг тайлбарлахад илүү хялбар байх тул энэ хэсгийг дэд алхам болгон хуваацгаая.

• Алхам 1: Та эхний зурагт үзүүлсэн шиг шатрынхаа координат бүрт нүх өрөмдөж, мэдрэгч, RFID уншигч, 7 сегментийн дэлгэц байрлуулахыг хүсч буй нүхийг өрөмдөхийг хүсч байна.

  Самбарын хажуу талд хэд хэдэн цооног өрөмдөхөө бүү мартаарай, эдгээр нь самбар дээрх өөр өөр бүрэлдэхүүн хэсгүүдийн утсанд зориулагдсан болно. Маш их өрөмдлөг хийдэг, би мэднэ

• Алхам 2: Raspberry Pi руу нэг эсвэл хоёр мэдрэгчийг холбож үзээрэй, тэдгээр нь ажиллаж байгаа эсэхийг шалгаарай. Та тэдгээрийг 2 -р алхамд дурдсан MCP аналог уншигчтай холбохыг хүсч байна (Схем).

• Алхам 3: Энэ нь төвөгтэй бөгөөд маш их мэдрэлийн эвдрэл байж болох юм, учир нь холбогч толгойнууд нь тийм ч их наалддаггүй тул та тэдгээрийг бүгдийг нь дангаар нь эсвэл хэд хэдэн удаа самбар дээр наагаарай. Тэд шатрын самбар дээр гацсан хэвээр байх ёстой, эс тэгвээс та мэдрэгчийг амжилттай унших боломжгүй болно

  ЗӨВЛӨГӨӨ! Хэрэв энэ нь танд илүү хялбар болгож өгвөл цавуу нь мэдрэгчийг соронзон хальсанд байрлуулахад тусалж магадгүй юм

Алхам 5: Програм хангамж

Та туршиж үзэх боломжтой тоног төхөөрөмж хийснийхээ дараа код бичихийг хичээцгээе! Хэрэв та миний кодыг харахыг хүсвэл миний github руу очно уу.

Нэгдүгээрт, бидэнд хэд хэдэн багц суулгах шаардлагатай болно, би урагшаа явж, танд зориулж жагсаалт гаргалаа.

• колбо

  Энэ бол таны python код дээр ажиллах болно

• Колбо-залгуур

  Урд болон хойд талын хооронд холбоо тогтоох

• намуухан

  Гэрлийн мэдрэгчийг уншихад хэрэгтэй, матрицтай ажилладаг

• сүлжээнүүд

  7 сегментийн дэлгэц дээр өөрийн IP хаягийг хэвлэх

• Колбо-CORS

  Загалмайн гарал үүслийг хуваалцах нь багцыг өөр өөр домэйн дээр хуваалцах боломжийг олгодог

Үүний хажууд би хэд хэдэн анги бичсэн бөгөөд та үүнийг чөлөөтэй ашиглах боломжтой.

Урд хэсэг

Вэбсайтын кодыг миний github хуудсан дээрээс авах боломжтой!

Урд талын хувьд би Chessboard.js-ийг ашиглах болно. Энэ нь зөөвөрлөхөд хялбар, ашиглахад хялбар шатрын самбарыг оруулна.

Самбар дээрх бүх зүйлийг тохируулах боломжтой тул хөгжилтэй байгаарай! Хамгийн сүүлийн хувилбарыг татаж авсны дараа та файлуудаа төсөл дээрээ чирж, шатрын самбар үзүүлэхийг хүссэн хуудсандаа холбох хэрэгтэй болно!

Үүний дараа самбарыг бүтээхийг хичээцгээе, тийм ч хэцүү биш байна:

Нэгдүгээрт, таны html дээр:

Хоёрдугаарт, таны javascript файлд:

board1 = ChessBoard ('board1', 'эхлэх');

тэнд байгаа бол та одоо шатрын самбар үзэх боломжтой байх ёстой! CSS файлууд дээр самбарыг тохируулах боломжтой.

Одоо бид шатрын самбар дээр тийм ч хэцүү биш зарим хөдөлгөөнийг харахыг хүсч байна. Гэхдээ бид үүнийг өөрчлөх хэрэгтэй бөгөөд ингэснээр шилжүүлгийн тушаалыг ар талаас нь илгээдэг. Би хэт дэлгэрэнгүй ярихгүй, гэхдээ бид иймэрхүү зүйл хийхийг хүсч байна.

new_lijst = [Data.data [0], Data.data [1]; commando = new_lijst [0].concat ('-', new_lijst [1]); board1.move (командо);

Бид програмынхаа арын жагсаалтаас жагсаалтыг хүлээн авч, хоёр координатын дунд зураас оруулаад board.move командыг ашиглан шилжүүлгийг гүйцэтгэнэ.

Энэ бол chessboard.js залгаас бидэнд хэрэгтэй байгаа зүйлийн тайлбар бөгөөд кодоо өөрөө үзээрэй.