This document provides an introduction to fundamental concepts and technologies related to the Internet and World Wide Web. It discusses the differences between the Internet, which is a global system of interconnected computer networks, and the Web, which is a service that allows accessing multimedia documents over the Internet. The document then provides a brief history of the development of the Internet and Web. It explains basic Internet communication protocols and standards like TCP/IP and HTTP. It also describes HTML, CSS, and JavaScript which are key technologies for building static and dynamic Web pages.
In this PPT i describe internet in details.
connect me on
Facebook:https://www.facebook.com/Atlovetech
Twitter:https://twitter.com/techguruhost
Google+:https://plus.google.com/u/1/+sumitkumartgh/about
Blog:http://www.techguruhost.in
Internet ppt includes :history, introduction, defination, internet services, differences between web and internet, different types of web browser, web page., web browsers, protocol, electron mail, advantages and disadvantages of internet
In this PPT i describe internet in details.
connect me on
Facebook:https://www.facebook.com/Atlovetech
Twitter:https://twitter.com/techguruhost
Google+:https://plus.google.com/u/1/+sumitkumartgh/about
Blog:http://www.techguruhost.in
Internet ppt includes :history, introduction, defination, internet services, differences between web and internet, different types of web browser, web page., web browsers, protocol, electron mail, advantages and disadvantages of internet
AMC Squarelearning Bangalore is the best training institute for a career development. it had students from various parts of the country and even few were from West African countries.
This presentation is all about the internet basics we need to know before making a website or some other internet related works . This will help you to have a clear idea on What Is Internet.
Thank you
feel free to ask any queries in comment box
Difference between OSI Layer & TCP/IP LayerNetwax Lab
Difference between OSI Layer & TCP/IP Layer
TCP/IP OSI
It has 4 layers. It has 7 layers.
TCP/IP Protocols are considered to be standards
around which the internet has developed.
OSI Model however is a "generic, protocolindependent standard."
Follows Vertical Approach Follows Horizontal Approach
In TCP/IP Model, Transport Layer does not
Guarantees delivery of packets.
In OSI Model, Transport Layer Guarantees
delivery of packets.
Slide deck from our Basics of Computer Networking webinar lead by instructor Daniel Cummins. Networks are as different as the people and organizations that use them. Despite those differences, there are some foundational components that all networks share. Explore different types of networks and the common components that must exist in these networks. Learn more about TCP/IP, the protocol suite that connects the whole world together and look at the ways in which we connect to the world via the Internet. Topics covered include network components, network types, and network protocols. For more information on networking training, visit https://ter.li/37zcnu
AMC Squarelearning Bangalore is the best training institute for a career development. it had students from various parts of the country and even few were from West African countries.
This presentation is all about the internet basics we need to know before making a website or some other internet related works . This will help you to have a clear idea on What Is Internet.
Thank you
feel free to ask any queries in comment box
Difference between OSI Layer & TCP/IP LayerNetwax Lab
Difference between OSI Layer & TCP/IP Layer
TCP/IP OSI
It has 4 layers. It has 7 layers.
TCP/IP Protocols are considered to be standards
around which the internet has developed.
OSI Model however is a "generic, protocolindependent standard."
Follows Vertical Approach Follows Horizontal Approach
In TCP/IP Model, Transport Layer does not
Guarantees delivery of packets.
In OSI Model, Transport Layer Guarantees
delivery of packets.
Slide deck from our Basics of Computer Networking webinar lead by instructor Daniel Cummins. Networks are as different as the people and organizations that use them. Despite those differences, there are some foundational components that all networks share. Explore different types of networks and the common components that must exist in these networks. Learn more about TCP/IP, the protocol suite that connects the whole world together and look at the ways in which we connect to the world via the Internet. Topics covered include network components, network types, and network protocols. For more information on networking training, visit https://ter.li/37zcnu
An introduction to internet and websites. How to create a website? How to start a blog? How to create an email address ? A Basic introduction to the Web technologies today
IWMW 2002: Web standards briefing (session C2)IWMW
Web Standards Briefing session at IWMW 2002 event by Brian Kelly.
See http://www.ukoln.ac.uk/web-focus/events/workshops/webmaster-2002/materials/kelly1/
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
2. Federico Buti Who’s who? Massimo Callisto
• Why pay attention to and ?
• Phd attendant @University of Camerino in the area of
Information Science and complex systems
• We are working in the field of Formal Methods:
In computer science and software engineering, formal
methods are particular kind of mathematically-based
techniques for the specification, development
and verification of software and hardware systems
3. Web Internet
• The terms Internet and World Wide Web are often used in everyday
speech without much distinction.
• The Internet (network of networks, the Net) is a global system of
interconnected computer networks:
Uses the standard Internet protocol (TCP/IP) to serve billions of users
worldwide.
• Web is one of the services communicated via the Internet:
World Wide Web: a collection of interlinked multimedia documents that are
stored on the Internet and accessed using a common protocol (HTTP)
• Other services that you normally use (almost):
– Email, FTP, telnet, SSH…
4. Internet… A bit of story
• Internet was born in the 60s as a military project of the ARPA (Advanced
Research Projects Agency) group.
– The initial aim was to create a decentralized network which could be highly
robust and survivable.
– (1969) Connection between University of California at Los Angeles, Stanford, University
of California at Santa Barbara, and University of Utah.
– (1971) Arpanet connects 15 sites including universities and research organizations...
Birth of TELNET and FTP.. First email program (1972)
– (1974) Specification of Internet Transmission Control Protocol (TCP)… (1978) TCP split to
TCP/IP… 62+ sites
– (1983/84) ARPANET uses TCP/IP, UNIX BSD 4.3 built around TCP/IP, Invention of the
Domain Name System (DNS)
– (1986) The United States' National Science Foundation (NSF) commissioned the
construction of the NSFNET, a university 56 kilobit/second network backbone using
computers called "fuzzballs“… Dramatic growth of hosts: February-> 2000, November ->
5000
5. Internet… A bit of story (2)
How many computer are on the Internet?
http://www.internetworldstats.com/stats.htm "!
– (1989/90) Number of hosts exceeded 100,000! Arpanet becomes "Internet
– (1991) CERN publicized the World Wide Web project by Tim Berners-Lee. Term "Surfing
the Internet" coined by Jean Armour Polly (1992)
– (1993) First web browser WorldWideWeb than called Nexus
• Internet is now a logical world interconnecting different hosts
around the world where an host is a human or an automatic
agent able to communicate with another agent.
6. Communication rules
• Hosts communication is based on adoption of common rules for
messages exchange.
• The standard de facto for communication is the TCP/IP protocol
based on the ISO-OSI protocol stack:
Applications:
ftp
http
telnet
…
TCP
IP
19/07/2012 University of Camerino 6
7. World Wide Web (aka Web)
• The Web is a system of interlinked hypertext documents
accessed via the Internet.
– The Web is at OSI “application” level that contains the HTTP
service (Hyper Text Transfer Protocol)
– HTTP is the main protocol for information exchange on the web.
• The Web (for humans)
– Consist of a web browser…
– One can view web pages that may contain text, images, videos…
– One navigates (surf) between the web pages via hyperlinks.
19/07/2012 University of Camerino 7
8. HTTP & Web
• The Web was invented by English scientist Tim Berners-
Lee (1989) and is based on three mechanisms :
– A naming scheme for locating resources -- like addresses -- (e.g.
URLs such as http://www.google.it);
– Communication rules (e.g. protocol HTTP);
– Hypertext language for easy navigation (e.g. HTML).
Index.html
Request http://www.google.it
19/07/2012 University of Camerino 8
9. Web: fundamentals technologies
• Internet vehicle of data.
• Web is an application over Internet to present
information.
• What are the technologies which implements the Web?
• Three major elements to present a web page:
– HTML (describes the contents)
– CSS (describes how the elements appear)
– JavaScript (enrich ability of the client)
19/07/2012 University of Camerino 10
10. What is HTML?
• HTML (HyperText Markup Language) is a language
that describes web pages.
• Is not a programming language, but it is a markup
language
– A markup language is a set of markup tags
– markup tags describe how text, images has to be
rendered by the browser
19/07/2012 University of Camerino 11
11. What is HTML?
<p>
<b style="color:#FFFFFF; background-color:#993333; font-
weight:bold">This is a bold tex in a paraghaph</b>
</p>
<p>Another simple paragraph</p>
<H1>This is a title</h1>
<H2 style="color:#00FF00;">Another title</H2>
A simple list<br/>
<ul>
<li>Itemi 1</li>
<li style="color: red;">Itemi 2</li>
<li style="color: blue">Itemi 3</li>
</ul>
<input type="button" style="background-color:
#dededc;" value="Button" />
19/07/2012 University of Camerino 12
12. HTML: evolution
• (1989) HTML 1.0 was first introduced by Tim Berners-Lee.
• (1995) In November the first draft of HTML 2.0 was published
• (1997) January, HTML 3.2 was published by W3C (World Wide Web Consortium).
• (1997/98) HTML 4.0 was published as a W3C Recommendation. Three "flavors":
– Strict: deprecated elements are forbidden,
– Transitional: deprecated elements are allowed,
– Frameset: frame (different web pages in a single one) are allowed
• (2000) XHTML 1.0 is a separate language that began as a reformulation of HTML
4.01 using XML 1.0…
– XHTML 2.0 published as a draft but deprecated (2009) in favor of…
• January 2008: HTML 5.0 is published as a Working Draft by W3C.
Anyway HTML is not capable to improve the looks of the information.
It is needed something else.
19/07/2012 University of Camerino 13
13. Cascading Style Sheets (CSS 1, 2, 3)
• Teach the browser how the elements must be rendered to the
user.
• CSS attributes change the default style of the HTML tags.
<style>
.GreenText {
color:green;
}
</style>
<span style=“color:blue”>This text is blue. </span>
<span class=“GreenText”>This text is green</span>
What is still missing?
User experience
19/07/2012 University of Camerino 14
14. JavaScript
• JavaScript is the most popular scripting language (or
programming language) on the internet.
• It was designed to add interactivity to HTML pages
• JavaScript is usually embedded directly into HTML pages
Some pretty amazing things….
Text animation
Graphic animation
Browser-based application (e.g. games, chat)
Forms validation
Improve web site navigation
Dynamic contents
19/07/2012 University of Camerino
An example? It's very complicated…
15
15. Static Web (vs Dynamic Web)
• The first web pages were created with a static content:
Web pages that always present the same information
to all download users.
• HTML files are “read” from the web browser to render the
information to the user with a given layout (tuned by CSS).
• So, in the “static” web nothing is done on the page content;
therefore information does not change since its creation.
19/07/2012 University of Camerino 16
16. Static Web (vs Dynamic Web)
mypage.html
http://www.google.com/mypage.html
http://www.google.com
19/07/2012 University of Camerino 17
17. (Static Web vs) Dynamic Web
• Static web, disadvantages:
– Users can not modify the site status and content.
– The Web Master decides prior to publishing what the user should see.
– Several tools are unavailable (e.g. the shopping cart).
• Dynamic WEB refers to all the Web applications that actively interact with
the user.
• Data received from the user give influence to:
– Content status
– Shape
– Availability
• The server dynamically decide what information exchange to the user.
19/07/2012 University of Camerino 18
18. (Static Web vs) Dynamic Web
mypage.php (It is only HTML+CSS+JS)
http://www.google.com
www.gmail.com/mypage.php&mail_id=2
MySql email repository
19/07/2012 University of Camerino 19
19. Dynamic WEB: classification
• So, dynamic aspect of an application can be classified into
two group:
Dynamic WEB
Client side Server side
JavaScript PHP
Flash ASP
Flex JSP
C, PERL
19/07/2012 University of Camerino 20
20. Dynamic Server Side (example): PHP
• PHP is a scripting language designed for dynamic web pages (server-side) since:
Before sending the requested page, the web server executes the PHP code to
alter the HTML code depending on the given conditions such as:
• the type of user
• information obtained from a database
• PHP is used by more than 20 million websites and installed on 1
million web servers (Wordpress is written in PHP).
• Its main advantages are:
– Open Source
– Multiplatform
– Object Orientation
– Simple to use
This is the first attempt to give dynamicity to the Web. But?
19/07/2012 University of Camerino 21
21. True dynamicity: Interaction and Social Network
• PHP and others give dynamicity about the information
presented to the user.
• However the communication is still connection-less:
– After a request, the connection dropped between client
and server.
The server forgets the client
– The experience is a single interaction information related
to the single requested page.
It is not possible to have global information
Web 2.0 grows up!
19/07/2012 University of Camerino 22
22. True dynamicity: Interaction and Social Network
• New feelings: people want true dynamism!
– Approach to the information in real time and
everywhere when it is needed (Interaction).
– Share the information anytime with others (Social
Network).
Web 2.0 grows up!
19/07/2012 University of Camerino 23
23. Technologies for dynamicity
• Evolution of dynamic client-side technologies has led the Web 2.0.
• WEB 2.0 also means tendencies to create a new user experience
such as Interaction, Collaboration, Blogging ...
• Base technologies are always the same (URL, HTTP, HTML).
• However web pages incorporate new solutions such as:
– AJAX (Asynchronous JavaScript and XML);
– Adobe Flash
– ActiveX, Applet
19/07/2012 University of Camerino 24
24. Web 2.0 in technologies: Ajax
• AJAX (Asynchronous JavaScript and XML) are techniques used
to create web applications called RIA (Rich Internet Applications).
• Information can be retrieve from the server in the background
without interfering with the user expirience.
AJAX increases the interactivity
and usability of web pages since
it is not necessary to reload all
the content each time
19/07/2012 University of Camerino 25
25. Web 2.0 in technologies: Ajax(2)
browser user activity user activity User activity
1 5
2
time
4
server-side
3
server processing server processing
1 http request 2
browser server-side systems
4 html + css data 3
5
19/07/2012 University of Camerino 26
26. Web 2.0 in technologies: Ajax(2)
After:
Browser
browser
UI: user activity user activity User activity
1 5
Ajax: 2
time
4
server-side
3
server processing server processing time
server-side
1 2
http request processing
server
browser server-side systems
4 html + css data 3
5
19/07/2012 University of Camerino 27
27. Web 2.0 in technologies: others
• Adobe Flex released by Adobe for the creation of cross-platform RIAs
(Rich Internet Applications) based on Adobe Flash.
• ActiveX is a framework for creating software components (piece of
software) that perform a particular function:
– ActiveX web controls are embedded into web pages, e.g. Windows Update.
– Are only supported by Microsoft products (e.g. Internet Explorer)
• Applets are similar to ActiveX but written in Java:
– Need a JVM on the client-side;
– Are a little more secure.
19/07/2012 University of Camerino 28
28. Web 2.0 is also a philosophy
• The technologies aim at creating new web application.
– Gmail
– GoogleMaps
– Office online.
• But it is arose a new wish: people wants to share their information, their feeling,
their opinion.
– The social community aspect is sovereign
– People share information
– Knowledge is available to all
PhD students web site
• Blog was the protagonist. Everybody can write something, users can comment.
• Today the Social Network became the new frontier in the Web communication :
– Microblogging (Twitter)
– Social Community (Facebook, MySpace)
Your PhD Network
19/07/2012 University of Camerino 29
29. Web 2.0 is for all?
• There are many technologies for creating web
application… but each of you must become a
Web Developer!(?)
• Many software tools help to hide technical
details and each one can create his application
easily.
• Example: Web Content Management Systems
19/07/2012 University of Camerino 30
30. Web CMS
• Web CMS are designed to simplify the publication of
contents and creation of web pages.
• Web CMS allow to submit content without requiring
technical knowledge (such as HTML, PHP, javascript).
• There are a platora of Web CMS, each one developed
for a specific context (eCommerce, Blogging, Forums)
19/07/2012 University of Camerino 33
31. Why we use
• Open source
• Long-life support
• Extremely easy to use
• Allows to implement both web sites and network
• Makes easier the administration’s stuffs:
– Installation, updates
– PhD’s list management
– Web sites management
32. Why you should learn technical stuff
• Software tools (like Web CMS) are imperfect and sometime
tuning is required.
• To obtain a web page that look as you want, you must
write some piece of code (HTML, CSS or JavaScript) by hand.
• If you know the basis, you are not restricted to Worpress
and other CMS can be used.
So, let’s begin!
19/07/2012 University of Camerino 36