SlideShare uma empresa Scribd logo
1 de 28
Baixar para ler offline
1
PROFIL
Nama : Yusra Fernando, S.Kom., M.Kom.
Pendidikan : S1, Teknik Informatika/(Ti) (Teknokrat 2004)
S2, Ilmu Komputer/(Cs) (IPB 2012)
Email : yusra.fernando@teknokrat.ac.id
yusra.fernando@teknokrat.ac.id
Yusra Fernando, M.Kom
CONTACT ME
2
COURCE DESCRIPTION
This course provides an introduction of web-development techniques that use HTML,
CSS and JavaScript as a web development essentials including database connectivity,
Basics of PHP for Web Development and advanced technique of web programming.
3
COURCE OBJECTIVE
 To understand the concept of Web Application Development and its Architecture.
 To understand the Essentials of Web Application Development.
 To understand and practice web page designing techniques.
 To understand and practice embedded dynamic scripting on client side Internet
Programming.
 To understand the differences between client side & server side technologies to
develop Web Application.
4
COURCE OUTCOMES
 Able to design and implement Internet systems for enhancing practical knowledge.
 Able to understand functionality of Internet system.
 Able to design a system according to customer needs using the available Internet
technologies.
 Able to Design and develop interactive, client-side, server-side executable web
applications
5
LEARNING CONTRACT
Quiz 20%
Assignment 30%
Mid Term (UTS) 20%
Final Exam (UAS) 30%
+ extra point for active student
Criterion Reference Assessment
90-100 = A
80-89,9 = B
70-79,9 = C
60-69,9 = D
<60 = E
Minimum presence : 80%
6
RFFERENCE
• Harper, R. 2010. Practical Foundations for Programming Languages. USA: Web Draft
• Firtman, M. 2013. Programming the Mobile Web. California: O'Reilly Media
• Tim Penyusun. 2020. Modul Praktikum Pemrograman Web. Bandarlampung: FTIK
Teknokrat
• W3school.com
7
INTRODUCTION
UNIVERSITAS TEKNOKRAT INDONESIA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
YUSRA FERNANDO, S.KOM., M.KOM
by:
8
wHy Website ?
9
INDONESIA PENGGUNA INTERNET NO. 6 DUNIA
Sumber : https://kominfo.go.id/content/detail/4286/pengguna-internet-indonesia-nomor-enam-dunia/0/sorotan_media
10
wHy Website ?
11
what can be done with the website ?
12
Jeff Bezos
CEO Amazon.com sebuah toko online terbesar di dunia memiliki
kekayanan USD 66,2 miliar atau sekitar Rp 892 triliun. Ia berhasil
menduduki peringkat kedua sebagai bos teknologi terkaya setelah
meraih keuntungan hingga USD 850 juta atau sebesar Rp 11 triliun
pada kuartal II 2016 lalu.
Jeffrey Preston Bezos 12 Januari 1964
13
14
Jeffrey Preston Bezos 12 Januari 1964
(sekitar Rp 2.500 triliun).
Jeffrey Preston Bezos
12 Januari 1964
15
Mark Zuckerberg
Zuck yang merupakan CEO Facebook memiliki kekayaan USD
54 miliar atau sekitar Rp 727 triliun. Pada Maret 2016
jaringan sosial miliknya diklaim memiliki 1,65 miliar pengguna
yang naik 15% dari tahun sebelumnya. Facebook juga terus
mengembangkan teknologi virtual reality bersama Oculus
Lahir 14 Mei 1984
Mark Elliot Zuckerberg
16
17
Lahir 14 Mei 1984
Mark Elliot Zuckerberg
18
Larry Page
Larry Page memiliki kekayaan USD 39 miliar atau sekitar
Rp 525 triliun. Page saat ini memimpin Alphabet yang
merupakan perusahaan induk dari Google. Sebelumnya ia
adalah CEO Google yang sekarang telah diserahkan pada
Sundar Pichai. Pada bulan Desember 2015, saham
Alphabet mampu melewati Apple yang pada saat itu
menjadi perusahaan paling berharga di dunia.
Lawrence Edward "Larry" Page 26 Maret 1973
Why ?
19
INTRODUCTION
UNIVERSITAS TEKNOKRAT INDONESIA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
YUSRA FERNANDO, S.KOM., M.KOM
by:
20
MATERI
1. Pendahuluan
2. HTML
3. CSS (Casecading Style
Sheet)
4. JavaScript
5. Ajax
6. Bootstrap
7. Materialize
8. Desain Template
9. Php
10. Native Php dan DBMS MySQL
11. Php Data Object
12. Publikasi
21
The History of World Wide Web(WWW)
22
The History of World Wide Web(WWW)
23
25
DARPA
The Defense Advanced Research Projects Agency (DARPA) is an agency of the United States
Department of Defense responsible for the development of emerging technologies for use by the
military.
Originally known as the Advanced Research Projects Agency (ARPA), the agency was created
in February 1958 by President Dwight D. Eisenhower in response to the Soviet launching
of Sputnik 1 in 1957. Since its inception, the agency's mission is ensuring that the United States
avoids further technological surprise. By collaborating with academic, industry, and government
partners, DARPA formulates and executes research and development projects to expand the
frontiers of technology and science, often beyond immediate U.S. military requirements.
26
27
29
TERIMAKASIH ...
UNIVERSITAS TEKNOKRAT INDONESIA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
YUSRA FERNANDO, S.KOM., M.KOM
oleh :
31

Mais conteúdo relacionado

Semelhante a Chapter 00 introduction - web desain -(shared)

v2_Shikha_Gupta_Resume
v2_Shikha_Gupta_Resumev2_Shikha_Gupta_Resume
v2_Shikha_Gupta_Resume
Shikha Gupta
 
Organizing Content for the WEB
Organizing Content for the WEBOrganizing Content for the WEB
Organizing Content for the WEB
David Hite
 

Semelhante a Chapter 00 introduction - web desain -(shared) (20)

Empowering Students with Free/Libre Software
Empowering Students with Free/Libre SoftwareEmpowering Students with Free/Libre Software
Empowering Students with Free/Libre Software
 
History of web
History of webHistory of web
History of web
 
Iasb 08
Iasb 08Iasb 08
Iasb 08
 
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for LibrariesThe Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for Libraries
 
v2_Shikha_Gupta_Resume
v2_Shikha_Gupta_Resumev2_Shikha_Gupta_Resume
v2_Shikha_Gupta_Resume
 
E-tech lesson 1.pptx
E-tech lesson 1.pptxE-tech lesson 1.pptx
E-tech lesson 1.pptx
 
faridHussien-CV
faridHussien-CVfaridHussien-CV
faridHussien-CV
 
Flash Web DFevelopment
Flash Web DFevelopmentFlash Web DFevelopment
Flash Web DFevelopment
 
Web 2.0 EOS
Web 2.0 EOSWeb 2.0 EOS
Web 2.0 EOS
 
6.[34 38]face location - a novel approach to post the user global location
6.[34 38]face location - a novel approach to post the user global location6.[34 38]face location - a novel approach to post the user global location
6.[34 38]face location - a novel approach to post the user global location
 
December 2022: Top 10 Read Articles in Web & Semantic Technology
December 2022: Top 10  Read Articles in Web & Semantic TechnologyDecember 2022: Top 10  Read Articles in Web & Semantic Technology
December 2022: Top 10 Read Articles in Web & Semantic Technology
 
EMPOWERMENT-TECH-WEEK-1.docx
EMPOWERMENT-TECH-WEEK-1.docxEMPOWERMENT-TECH-WEEK-1.docx
EMPOWERMENT-TECH-WEEK-1.docx
 
Mini-Class Report
Mini-Class ReportMini-Class Report
Mini-Class Report
 
costondorsey_resume_higher_ed
costondorsey_resume_higher_edcostondorsey_resume_higher_ed
costondorsey_resume_higher_ed
 
An Improved Explicit Profile Matching In Mobile Social Networks
An Improved Explicit Profile Matching In Mobile Social NetworksAn Improved Explicit Profile Matching In Mobile Social Networks
An Improved Explicit Profile Matching In Mobile Social Networks
 
18 mdcse117 m&amp;wt -course orientation
18 mdcse117 m&amp;wt -course orientation18 mdcse117 m&amp;wt -course orientation
18 mdcse117 m&amp;wt -course orientation
 
Organizing Content for the WEB
Organizing Content for the WEBOrganizing Content for the WEB
Organizing Content for the WEB
 
Scorm Implementation Strategies for Mobile
Scorm Implementation Strategies for MobileScorm Implementation Strategies for Mobile
Scorm Implementation Strategies for Mobile
 
Enhancing the Web Experience
Enhancing the Web ExperienceEnhancing the Web Experience
Enhancing the Web Experience
 
Camat_Jaymar
Camat_JaymarCamat_Jaymar
Camat_Jaymar
 

Mais de YUSRA FERNANDO

Chapter 3.3 css - tugas css (shared)
Chapter 3.3   css - tugas css (shared)Chapter 3.3   css - tugas css (shared)
Chapter 3.3 css - tugas css (shared)
YUSRA FERNANDO
 

Mais de YUSRA FERNANDO (20)

Vs Code - Keyboard-Shortcuts-Windows.pdf
Vs Code - Keyboard-Shortcuts-Windows.pdfVs Code - Keyboard-Shortcuts-Windows.pdf
Vs Code - Keyboard-Shortcuts-Windows.pdf
 
Chp 03 - Software PTI - (Shared).pdf
Chp 03 - Software PTI - (Shared).pdfChp 03 - Software PTI - (Shared).pdf
Chp 03 - Software PTI - (Shared).pdf
 
Chp 04 - Hardware PTI - (Shared).pdf
Chp 04 - Hardware PTI - (Shared).pdfChp 04 - Hardware PTI - (Shared).pdf
Chp 04 - Hardware PTI - (Shared).pdf
 
7. DATA RESOURCE MANAGEMENT.pdf
7. DATA RESOURCE MANAGEMENT.pdf7. DATA RESOURCE MANAGEMENT.pdf
7. DATA RESOURCE MANAGEMENT.pdf
 
8. IT and Decision Making.pdf
8. IT and Decision Making.pdf8. IT and Decision Making.pdf
8. IT and Decision Making.pdf
 
06 - IT Infrastructure (shared).pdf
06 - IT Infrastructure (shared).pdf06 - IT Infrastructure (shared).pdf
06 - IT Infrastructure (shared).pdf
 
Fox, Richard - Information Technology _ An Introduction for Today’s Digital W...
Fox, Richard - Information Technology _ An Introduction for Today’s Digital W...Fox, Richard - Information Technology _ An Introduction for Today’s Digital W...
Fox, Richard - Information Technology _ An Introduction for Today’s Digital W...
 
Bab 1 pengantar desain web
Bab 1   pengantar desain webBab 1   pengantar desain web
Bab 1 pengantar desain web
 
Chapter 3.3 css - tugas css (shared)
Chapter 3.3   css - tugas css (shared)Chapter 3.3   css - tugas css (shared)
Chapter 3.3 css - tugas css (shared)
 
Javascript yusra 2021 (shared)
Javascript   yusra 2021 (shared)Javascript   yusra 2021 (shared)
Javascript yusra 2021 (shared)
 
2 property css (shared)
2   property css (shared)2   property css (shared)
2 property css (shared)
 
Css pengenalan css
Css   pengenalan cssCss   pengenalan css
Css pengenalan css
 
Chapter 1 introduction html (shared)
Chapter 1   introduction html (shared)Chapter 1   introduction html (shared)
Chapter 1 introduction html (shared)
 
Kepribadian dan Nilai
Kepribadian dan NilaiKepribadian dan Nilai
Kepribadian dan Nilai
 
Emosi dan Suasana Hati
Emosi dan Suasana HatiEmosi dan Suasana Hati
Emosi dan Suasana Hati
 
Sikap dan Kepuasan Kerja
Sikap dan Kepuasan KerjaSikap dan Kepuasan Kerja
Sikap dan Kepuasan Kerja
 
Konsep Dasar Perilaku Organisasi
Konsep Dasar Perilaku OrganisasiKonsep Dasar Perilaku Organisasi
Konsep Dasar Perilaku Organisasi
 
Konsep Dasar Perilaku Organisasi
Konsep Dasar Perilaku OrganisasiKonsep Dasar Perilaku Organisasi
Konsep Dasar Perilaku Organisasi
 
Etika bisnis di dalam dunia it
Etika bisnis di dalam  dunia itEtika bisnis di dalam  dunia it
Etika bisnis di dalam dunia it
 
E bussiness
E bussinessE bussiness
E bussiness
 

Último

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Último (20)

How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 

Chapter 00 introduction - web desain -(shared)

  • 1. 1
  • 2. PROFIL Nama : Yusra Fernando, S.Kom., M.Kom. Pendidikan : S1, Teknik Informatika/(Ti) (Teknokrat 2004) S2, Ilmu Komputer/(Cs) (IPB 2012) Email : yusra.fernando@teknokrat.ac.id yusra.fernando@teknokrat.ac.id Yusra Fernando, M.Kom CONTACT ME 2
  • 3. COURCE DESCRIPTION This course provides an introduction of web-development techniques that use HTML, CSS and JavaScript as a web development essentials including database connectivity, Basics of PHP for Web Development and advanced technique of web programming. 3
  • 4. COURCE OBJECTIVE  To understand the concept of Web Application Development and its Architecture.  To understand the Essentials of Web Application Development.  To understand and practice web page designing techniques.  To understand and practice embedded dynamic scripting on client side Internet Programming.  To understand the differences between client side & server side technologies to develop Web Application. 4
  • 5. COURCE OUTCOMES  Able to design and implement Internet systems for enhancing practical knowledge.  Able to understand functionality of Internet system.  Able to design a system according to customer needs using the available Internet technologies.  Able to Design and develop interactive, client-side, server-side executable web applications 5
  • 6. LEARNING CONTRACT Quiz 20% Assignment 30% Mid Term (UTS) 20% Final Exam (UAS) 30% + extra point for active student Criterion Reference Assessment 90-100 = A 80-89,9 = B 70-79,9 = C 60-69,9 = D <60 = E Minimum presence : 80% 6
  • 7. RFFERENCE • Harper, R. 2010. Practical Foundations for Programming Languages. USA: Web Draft • Firtman, M. 2013. Programming the Mobile Web. California: O'Reilly Media • Tim Penyusun. 2020. Modul Praktikum Pemrograman Web. Bandarlampung: FTIK Teknokrat • W3school.com 7
  • 8. INTRODUCTION UNIVERSITAS TEKNOKRAT INDONESIA FAKULTAS TEKNIK DAN ILMU KOMPUTER YUSRA FERNANDO, S.KOM., M.KOM by: 8
  • 10. INDONESIA PENGGUNA INTERNET NO. 6 DUNIA Sumber : https://kominfo.go.id/content/detail/4286/pengguna-internet-indonesia-nomor-enam-dunia/0/sorotan_media 10
  • 12. what can be done with the website ? 12
  • 13. Jeff Bezos CEO Amazon.com sebuah toko online terbesar di dunia memiliki kekayanan USD 66,2 miliar atau sekitar Rp 892 triliun. Ia berhasil menduduki peringkat kedua sebagai bos teknologi terkaya setelah meraih keuntungan hingga USD 850 juta atau sebesar Rp 11 triliun pada kuartal II 2016 lalu. Jeffrey Preston Bezos 12 Januari 1964 13
  • 14. 14 Jeffrey Preston Bezos 12 Januari 1964 (sekitar Rp 2.500 triliun).
  • 15. Jeffrey Preston Bezos 12 Januari 1964 15
  • 16. Mark Zuckerberg Zuck yang merupakan CEO Facebook memiliki kekayaan USD 54 miliar atau sekitar Rp 727 triliun. Pada Maret 2016 jaringan sosial miliknya diklaim memiliki 1,65 miliar pengguna yang naik 15% dari tahun sebelumnya. Facebook juga terus mengembangkan teknologi virtual reality bersama Oculus Lahir 14 Mei 1984 Mark Elliot Zuckerberg 16
  • 17. 17 Lahir 14 Mei 1984 Mark Elliot Zuckerberg
  • 18. 18 Larry Page Larry Page memiliki kekayaan USD 39 miliar atau sekitar Rp 525 triliun. Page saat ini memimpin Alphabet yang merupakan perusahaan induk dari Google. Sebelumnya ia adalah CEO Google yang sekarang telah diserahkan pada Sundar Pichai. Pada bulan Desember 2015, saham Alphabet mampu melewati Apple yang pada saat itu menjadi perusahaan paling berharga di dunia. Lawrence Edward "Larry" Page 26 Maret 1973
  • 20. INTRODUCTION UNIVERSITAS TEKNOKRAT INDONESIA FAKULTAS TEKNIK DAN ILMU KOMPUTER YUSRA FERNANDO, S.KOM., M.KOM by: 20
  • 21. MATERI 1. Pendahuluan 2. HTML 3. CSS (Casecading Style Sheet) 4. JavaScript 5. Ajax 6. Bootstrap 7. Materialize 8. Desain Template 9. Php 10. Native Php dan DBMS MySQL 11. Php Data Object 12. Publikasi 21
  • 22. The History of World Wide Web(WWW) 22
  • 23. The History of World Wide Web(WWW) 23
  • 24. 25
  • 25. DARPA The Defense Advanced Research Projects Agency (DARPA) is an agency of the United States Department of Defense responsible for the development of emerging technologies for use by the military. Originally known as the Advanced Research Projects Agency (ARPA), the agency was created in February 1958 by President Dwight D. Eisenhower in response to the Soviet launching of Sputnik 1 in 1957. Since its inception, the agency's mission is ensuring that the United States avoids further technological surprise. By collaborating with academic, industry, and government partners, DARPA formulates and executes research and development projects to expand the frontiers of technology and science, often beyond immediate U.S. military requirements. 26
  • 26. 27
  • 27. 29
  • 28. TERIMAKASIH ... UNIVERSITAS TEKNOKRAT INDONESIA FAKULTAS TEKNIK DAN ILMU KOMPUTER YUSRA FERNANDO, S.KOM., M.KOM oleh : 31