Week 4, Different Generations of Internet
- 1. DIFFERENT GENERATIONS OF INTERNET Presentation by: Amira Alkebsi and Reema Albouainain
- 2. TABLE OF CONTENTS web 1.0 web 2.0 web 3.0 Technologies in web 2.0 & 3.0 Website Design
- 3. WEB 1.0 Web 1.0, often referred to as the "static web", represents the earliest stage of the internet, roughly from the early 1990s to the early 2000s. 01
- 4. WEB 2.0 Web 2.0, often referred to as the "Social Web" or "Interactive Web," marks a significant evolution in the internet, primarily emerging in the early 2000s.
- 5. WEB 3.0 Web 3.0, often referred to as the "Decentralized Web" or "Semantic Web," represents the next evolution of the internet, focusing on decentralization, user ownership, and enhanced interactivity.
- 6. DIFFERENCE BETWEEN WEB 1.0 , 2.0 AND 3.0
- 7. WEB 1.0 Static Content: Websites were primarily informational, often created by a small group of developers. WEB 3.0 Decentralized Content: Content is often stored on decentralized networks. WEB 2.0 Dynamic Content: User-generated content became the norm (e.g., blogs, videos). Content Creation and Consumption
- 8. WEB 1.0 Isolated Experiences: Limited user interaction; forums and guestbooks were the main social features. Trustless Interactions: Smart contracts enable transactions without intermediaries. Decentralized Communities: DAOs (Decentralized Autonomous Organizations) empower communities to govern themselves. Social Networks: Platforms like Facebook and Twitter fostered connections and community building. Collaborative Tools: Tools like wikis and Google Docs allowed for real-time collaboration. WEB 3.0 WEB 2.0 User Interaction and Community
- 9. WEB 1.0 Centralized Data Control: Platforms collect vast amounts of user data, often monetizing it through ads. Privacy Concerns: Users have limited control over how their data is used. User-Controlled Data: Users can own their data, often using decentralized identities. Privacy by Design: Emphasis on encrypting data and minimizing unnecessary data collection. Limited User Data: Minimal tracking; most data was in the form of page views and basic interactions. WEB 3.0 WEB 2.0 Ownership and Privacy
- 10. WEB 1.0 Rich Technologies: Utilizes AJAX, APIs, and frameworks like React for dynamic, interactive applications. Blockchain and AI: Built on decentralized protocols, blockchain technology, and incorporates artificial intelligence for enhanced functionality. Basic Technologies: Built primarily with HTML, simple graphics, and static pages. WEB 3.0 WEB 2.0 Technological Framework
- 11. TECHNOLOGIES OF WEB 2.0 facebook, flicker, youtube, twitter, instagram,google, wikipedia TECHNOLOGIES OF WEB 3.0 AI , Decentralized identity , Blockchain
- 12. WEBSITE DESIGN
- 13. Website design involves planning, creating, and maintaining websites. It's the visual and functional aspect of user experience. Definition: Brief History: Websites started in the early 1990s with simple, text-based pages. They have evolved alongside new technologies and user expectations.
- 14. Early Website Design (1990s) Features: Text-based, minimalistic design HTML-only websites No images or interactive elements
- 15. The Rise of CSS (Early 2000s) Enabled separation of content (HTML) and design (CSS) Impact: Allowed for more visually appealing websites Easier to maintain consistency across pages
- 16. The Web 2.0 Era (Mid-2000s) Key Features: Dynamic content, user interaction Introduction of blogs, wikis, and social media Shift towards user-generated content Impact: Focus on user experience and interactivity Layouts became more fluid and flexible
- 17. The Mobile Revolution (Late 2000s - 2010s) Responsive Design: Websites adapted to different screen sizes and devices Frameworks like Bootstrap simplified responsive design, enabling websites to easily adapt to different screen sizes. Impact: Increased emphasis on mobile-first design Simplified navigation and user interfaces for smaller screens Example: Websites like Twitter and Facebook going mobile.
- 18. Modern Web Design (2015-Present) Key Trends: Minimalism, flat design, and bold typography Use of animations, videos, and interactive elements Impact: Focus on speed and performance Enhanced user engagement with microinteractions
- 19. Accessibility: Ensuring websites are usable by everyone Security: Design must also consider data protection Speed: Optimizing for fast load times, especially on mobile Challenges in Website Design To summarize: Website design has transformed from static, text-based pages to dynamic, interactive, and responsive experiences. The future holds exciting possibilities with AI, VR/AR, and new input methods.
- 20. THANK YOU :)