about databases

1. WHAT
DATA-DRIVENWEBSITESARE
AND HOW THEYWORK
An introduction to database driven websites and why they are
important for websites today
Start Here
TESSA MERO * APRIL 2015

2. TOPICS
DATA-DRIVEN WEBSITES* APRIL2015
01
02
03
04
05
HOW IS IT USED?
DATABASES! EXPLAIN PLZ?
STATIC VS DYNAMIC, WHAT?
EXAMPLES
CONCLUSION

3. STATIC WEBSITE – NOTHING CHANGES
DYNAMIC WEBSITE – UPDATES ON REFRESH
< - >
DATA-DRIVEN WEBSITES* APRIL2015
STATIC VS DYNAMIC

4. STATIC WEBSITES
DATA-DRIVEN WEBSITES* APRIL2015
What is astatic website?
• Stores Content in Web File
• Doesn’t Change
• “Brochure” website
• Need data changed? - Hire web dev


5. DYNAMIC WEBSITES
DATA-DRIVEN WEBSITES* APRIL2015
What is adynamic website?
• Content Stored Outside of Website
• DATABASE!
• Manipulate data fast
• Examples of Dynamic Sites?

6. Content Management Systems
are all database driven, which
allows users to edit their pages
on the frontend of their site!
DATA-DRIVEN WEBSITES* APRIL2015
Dynamically change the
information on your products.
Update/edit/delete content on
the fly!
CMS’S
E-COMMERCE
BLOGS/FORUMS
If you are on a car website
searching for a vehicle, or a
ordering something on a website,
you need to filter data, which
requires data being stored in a
database.
FILTERINGDATA
MORE DYNAMIC!

7. TOPICS
DATA-DRIVEN WEBSITES* APRIL2015
01
02
03
04
05
HOW IS IT USED?
DATABASES! EXPLAIN PLZ?
STATIC VS DYNAMIC, WHAT?
EXAMPLES
CONCLUSION

8. DATA-DRIVEN WEBSITES* APRIL2015
82
%
PHP17
%
ASP.NET
2.9%
JAVA
0.7%
COLD
FUSIO
N
0.6%
RUBY
(Some) Programming languages that pull
the data from the database!
PHP powers 82% of database driven
websites!
PROGRAMMING!

9. DATABASES!
Oracle
MySQL
MS SQL
MongoDB
1446
ORACLE
1284
MySQL
1149
MICROSOFTSQL
279
MONGODB
DATA-DRIVEN WEBSITES* APRIL2015
This is an updated rank score that updates live on a monthly basis as of April
2015. Calculations based on jobs available, websites used, mentions on
websites, tech discussion, linkedin search
Source: db-engines.com/en/ranking

10. THEPROCESS
Client Server
DB to
Server
HTML!
 The client (computer) reaches into the server (sends http request and gets
response)
 The server requests data from database.
 Process the results to browser (converts into HTML)
DATA-DRIVEN WEBSITES* APRIL2015
ProgrammingLanguage +Databases

11. • STATIC PAGES DO NOT CHANGE.
• DYNAMIC PAGES CHANGE ON REFRESH
• DATA DRIVEN SITES ARE ACTUALLY DATABASE DRIVEN
SITES
• ORACLE AND MYSQL ARE THE MOST POPULAR
DATABASES
• SERVER SIDE SCRIPTING LANGUAGES PULL THE DATA
FROM THE DATABASE
• PHP AND MYSQL MAKES A DATABASE DRIVEN SITE!!!
MYSQL
DATA-DRIVEN WEBSITES* APRIL2015
SUMMARY
PHP

12. TOPICS
DATA-DRIVEN WEBSITES* APRIL2015
01
02
03
04
05
HOW IS IT USED?
DATABASES! EXPLAIN PLZ?
STATIC VS DYNAMIC, WHAT?
EXAMPLES
CONCLUSION

13. BENEFITS OF A DB
DATA-DRIVEN WEBSITES* APRIL2015
Easyandquick toadd newcontent
Change/Addnewproductson e-commercesite
Givesearchabilityonwebsites
Createengagingsites,such asblogs,forums,and social
networkingsites
REDUCES COSTS!

14. TOPICS
DATA-DRIVEN WEBSITES* APRIL2015
01
02
03
04
05
HOW IS IT USED?
DATABASES! EXPLAIN PLZ?
STATIC VS DYNAMIC, WHAT?
EXAMPLES
CONCLUSION

15. DATA-DRIVEN WEBSITES* APRIL2015

16. DATA-DRIVEN WEBSITES* APRIL2015

17. DATA-DRIVEN WEBSITES* APRIL2015

18. DATA-DRIVEN WEBSITES* APRIL2015

19. DATA-DRIVEN WEBSITES* APRIL2015

20. TOPICS
DATA-DRIVEN WEBSITES* APRIL2015
01
02
03
04
05
HOW IS IT USED?
DATABASES! EXPLAIN PLZ?
STATIC VS DYNAMIC, WHAT?
EXAMPLES
CONCLUSION

21. DATA-DRIVEN WEBSITES* APRIL2015
WEBSITES
Mostwebsitesaredata driven
CONCLUSION
DB& SCRIPTING
All data-driven sites come
from a database engine
and server side
scripting
PLANNING
Even if you plan on not changing
content on a proposed static
site, it’s best practice to use a DB
so you can easily update
information.

22. ANY
QUESTIONS?
SLIDES WILL ALWAYS BE UPLOADED TO THE CANVAS COURSE
AFTERWARDS
DATA-DRIVEN WEBSITES* APRIL2015