Dynamic Sketch is an art application that uses AT&T’s 5G fiber internet services to allow a colorful experience without lag and with decreased latency. Additionally, it provides a multi-mode that allows users to join servers and draw together on one canvas in real-time. The following is a cross-platform web application that we made for Dynamic Sketch!
This was AT&T’s first ever EmpowHer Hackathon, and we took home 1st place + $6000 USD against 16 other teams nationwide.
As more network traffic moves to fiber and 5G, AT&T expects to drive significant savings by reducing the company's legacy copper footprint. By 2025, AT&T expects that 75% of its network footprint will be served via fiber and 5G and that it will have reduced its copper services footprint by 50%.
🔓 Theme: Create an engaging digital experience for consumers that will help AT&T increase its 5G and fiber footprint.
- ✒️ Dynamic Sketch
This application is hosted on Github Pages, and you can view/interact with the application here on your computer, tablet, or phone!
Is your art application constantly crashing and lagging? Dynamic Sketch is an art application that uses AT&T’s 5G fiber internet services to allow a colorful experience without lag and decreased latency. Additionally, it provides a multi-mode that allows people to join servers and draw together on one canvas in real-time!
Our team created an interactive website for consumer experience to learn about our product, Dynamic Sketch!
All of our team members have an interest in art, so we decided to combine technology with art and came up with Dynamic Sketch. Since a lot of focus is put on the consumers, we wanted to focus more on the creators, who are leading the future with their creativity.
We first thought of Dynamic Sketch as a VR application; however, there were already similar innovations created before. So, we decided to add our own spin on an art application. Since we’re all familiar with art programs, we’ve had errors in the past with lagging and/or crashing while drawing on multiple layers of an app program. Dynamic Sketch is different in this aspect, because it uses AT&T’s 5G network to provide a smooth illustration experience and a multi-mode to connect with people across the world in real-time.
Some challenges that our team went through was determining what digital experience we wanted for the consumers. Initially, we were thinking of creating a game application; however, we later agreed on creating a website that was web and mobile friendly to promote Dynamic Sketch.
Another challenge was determining how Dynamic Sketch would generate revenue, while saving costs to create the application. Because creating multiple layers takes up a lot of storage and money, we had many difficulties thinking of ways we could reduce that cost.
✨ Worked as an efficient team under time constraints
✨ Merged AT&T’s brand with Dynamic Sketch
✨ Fulfilled research of AT&T’s 5G/fiber services
✨ Performed Competitor analysis
✨ Iterated on judge feedback
✨ Conducted market research to determine target audience
✨ Devised marketing strategies to advertise our product
✨ Built a revenue model
✨ Formulated a "freemium" model
The next important aspect that our team learned was trying to think from the perspective of all future parties involved in the making of Dynamic Sketch: artists, developers, marketers, and AT&T as a brand. AT&T’s mission statement is to enrich customer experience and to be speedy and I think Dynamic Sketch is an application that aligns with those core values in the mission statement.
Our team learned a lot about customer experience and how AT&T’s 5G/fiber service would greatly be paired with Dynamic Sketch.
We learned a lot about AT&T’s 5G and fiber services while reading and watching AT&T’s resources. We learned about specific projects such as FirstNet and AT&T’s gaming VR collaboration with 100Thieves.
- Built-in/live tutorials showcasing different features, created by diverse artists all over the world.
- Cross platform progress and cloud saving
- Drawing/Modeling with Virtual Reality– paid extension.
- Paid subscription for premium features:
- higher quality uploads/downloads
- larger capacity channels for collaborating
- more storage
Note
These are descriptions from April 2023. See social medias for most up-to-date information.
📎 Shakayla Mosely: A University of New Orleans senior who is striving for a Bachelor's Degree in Computer Science. Find my github.
📎 Jenny Spicer: A rising Computer Science senior at the University of New Orleans, with an interest in Software Engineering. Find my github and my portfolio website.
📎 Jenny Nguyen: I am senior at the University of New Orleans, who is passionate about computer science and medicine. Find my github and my portfolio website.
Watch the video demo we presented that landed us in the final 5!
We unfortunately didn't get a recording, but view our slides that took us home 1st place and $6,000 USD!
AT&T Talent Marketing: EmpowHer Hackathon Winners Announcement 2023
Interact with the final application here on your computer, tablet, or phone!
🔑 Bootstrap.JS: Bootstrap is a key front-end framework that utilizes JS, HTML, and CSS to create a functional and internatve application.
🔑 JS: Javascript manipulates the DOM to fade in/fade out images and texts on scroll.
🔑 HTML: HyperText Markup Language gives structure to our application.
🔑 CSS: Cascading Style Sheets styles the application and makes use of the colors and fonts provided by AT&T.
As the creators, we automatically hold the exclusive copyright to our work. Without an explicit license granting permissions, no one else has the legal right to use, modify, or distribute our source code.
GitHub Terms of Service: By using GitHub's public repositories, users are allowed to view and fork the code within the GitHub platform itself. However, the act of viewing or forking does not grant the right to use, modify, or distribute the code outside of GitHub or in your own projects without their explicit permission.
"Open Source" Definition: Licenses that restrict modifications or distribution are not considered "open source" by the Open Source Initiative (OSI) definition. Open source licenses are designed to explicitly grant freedoms, not restrict them further than default copyright law.