+
+
+
Teaching Static Web Development with NFC Technology
+ + +## 📢 About +This project introduces students to the basics of static web development through the creation of a digital business card. Using Glitch as the development platform and NFC chips for easy sharing, students will build personalized web pages that showcase their academic background, personal info, work or project experiences, goals, and social links. The result is a smart, modern way to network and share professional profiles with a simple tap — perfect for students looking to boost their digital presence. +## 💡 Project Information * Difficulty Level: Easy * Target Audience: 6th Grade - College * Duration of Workshop: 30-60 mins * Needed Material: NFC Chip, Mobile App capable of reading and writing to NFC Chip * The primary goal of this project is educating others about static web development by creating a digital business card using NFC technology - * This project involves students creating digital business cards containing information about their academic courses, personal details, work or project experiences, goals, and preferred social media platforms for sharing. The technology employed includes the use of NFC chips to facilitate easy sharing of these digital cards. The result is a convenient and innovative method for students to network and share their professional and personal information with others they encounter. The target audience are students seeking to enhance their networking capabilities and digital presence. * The Technology Ambassador Program (TAP) at GGC strives to break the misconceptions of the IT field by providing fun workshops for students of all backgrounds. TAP students design engaging and fun outreach workshops to encourage interest in IT and STEM. -## Team -* Cameron Ventimiglia +## 👥 Team + +* Cameron Ventimiglia * Michelle Watson * Jesscia Simao * Micheal Murillo Martinez -## Advisors +## 🎓 Advisors * Dr. Cengiz Gunay * Dr. Rahaf Barakat -## Team Photo - -## Publications +## 📃 Description +This project involves students creating digital business cards containing information about their academic courses, personal details, work or project experiences, goals, and preferred social media platforms for sharing. The technology employed includes the use of NFC chips to facilitate easy sharing of these digital cards. The result is a convenient and innovative method for students to network and share their professional and personal information with others they encounter. The target audience are students seeking to enhance their networking capabilities and digital presence. +## 📝 Publications 1. [STaRS Poster](https://github.com/TechAmbassadors-GGC/TapIn/blob/main/documents/TapIn-Stars-Poster.pdf) -## Outreach Activities +## 👐 Outreach Activities 1. TAP Expo (March 17) - Test our builds and to introduce TAP to other students. 2. Class Workshops (April 6, April 11, and April 27) - Walk students through a guided workshop. 3. STaRS Poster Presentation (April 14) - Display our poster and explain the data we collected to the judges. 4. Title One Workshops (April 23) - Walk middle school students through our workshop to give them hands-on experience. 5. Super Saturday Series (April 30) - Host a day of fun at GGC for middle school students. -## Similar Projects -## Technology +## 🔎 Similar Projects +## 🤖 Technology This project uses HTML, CSS,JavaScript, NFC Chips, and QR Codes 1. ### HTML, CSS, JavaScript Programming languages where HTML defines the content and structure of a webpage, CSS styles its presentation and layout, while JavaScript provides interactivity and dynamic functionality. @@ -35,10 +43,8 @@ Programming languages where HTML defines the content and structure of a webpage, NFC (Near Field Communication) chips are small integrated circuits that enable short-range wireless communication between devices, facilitating contactless data transfer and transactions. ## Project Setup/Installation -### Create a Replit Account. -[Creating a Replit Account.pdf](https://github.com/TAP-GGC/TapIn/blob/main/documents/Creating%20a%20Replit%20Account.pdf) -### Create a Website on Replit -[Creating a Website on Replit.pdf](https://github.com/TAP-GGC/TapIn/blob/main/documents/Creating%20a%20Website%20on%20Replit.pdf) +### Create a Website on Glitch +[Creating a Website on Glitch.pdf](https://github.com/aeristran/TapIn/blob/main/documents/Create%20your%20Website%20on%20Glitch.pdf) ### Setup NFC Reader App [NFC Reader Instructions.pdf](https://github.com/TAP-GGC/TapIn/blob/main/documents/NFC%20Reader%20Instructions.pdf) diff --git a/documents/Create your Website on Glitch.pdf b/documents/Create your Website on Glitch.pdf new file mode 100644 index 0000000..3df1bbc Binary files /dev/null and b/documents/Create your Website on Glitch.pdf differ diff --git a/documents/Creating a Replit Account.pdf b/documents/Creating a Replit Account.pdf deleted file mode 100644 index a85cf25..0000000 Binary files a/documents/Creating a Replit Account.pdf and /dev/null differ diff --git a/documents/Creating a Website on Replit.pdf b/documents/Creating a Website on Replit.pdf deleted file mode 100644 index c92ae3e..0000000 Binary files a/documents/Creating a Website on Replit.pdf and /dev/null differ diff --git a/documents/Tap-In-Workshop.pptx b/documents/Tap-In-Workshop.pptx index 67e3c5e..799cf43 100644 Binary files a/documents/Tap-In-Workshop.pptx and b/documents/Tap-In-Workshop.pptx differ diff --git a/documents/Tap-In.pdf b/documents/Tap-In.pdf new file mode 100644 index 0000000..6d70f62 Binary files /dev/null and b/documents/Tap-In.pdf differ diff --git a/documents/TapIn.pdf b/documents/TapIn.pdf deleted file mode 100644 index 211d9ba..0000000 Binary files a/documents/TapIn.pdf and /dev/null differ diff --git a/media/blacktapinlogo.png b/media/blacktapinlogo.png new file mode 100644 index 0000000..6b4d253 Binary files /dev/null and b/media/blacktapinlogo.png differ diff --git a/media/remove1.png b/media/remove1.png new file mode 100644 index 0000000..ffb6cf7 Binary files /dev/null and b/media/remove1.png differ diff --git a/media/tapinlogo.png b/media/tapinlogo.png new file mode 100644 index 0000000..a9005a4 Binary files /dev/null and b/media/tapinlogo.png differ