New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford...

21
PEMROGRAMAN WEB Indra Gunawan, ST., M.Kom., CEH., CHFI

Transcript of New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford...

Page 1: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

PEMROGRAMAN WEB

Indra Gunawan, ST., M.Kom., CEH., CHFI

Page 2: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

Curiculum Vitae• Pendidikan :

• S1 Teknik Informatika, Minat Studi Kecerdasarn Buatan, 2007, Universitas Islam Indonesia YogyakartaSkripsi : Membuat Aplikasi Algoritma Genetika utk menyelesaikan Knapsack Problem menggunakan Vb.Net

• S2 Teknik informatika, Minat Studi Digital Forensic, 2014, Cumlaude, Universitas Islam Indonesia YogyakartaThesis : Membangun Aplikasi I-Polink (Indonesian Police Link) yaitu Knowledge Management untuk membantuinvestigasi forensika digital pada Laboratorium Digital Forensic Mabes Polri.

• Pengalaman Kerja :• Software Konsultan +- 4 tahun, 2011, Jakarta dan Batam, telah melakukan implementasi di +- 30 an perusahaan di

Jakarta, Bandung, Denpasar, Pekanbaru dan Batam.• Founder of Ex-java Technologies, 2011-2012, Batam, mempunyai client di pemerintahan, perusahaan lokal

maupun perusahaan asing di Batam.

• International Certification:• Computer Ethical Hacking, ECCouncil.• Computer Hacking Forensic Investigator, ECCouncil.• Cisco Networking Academy Program, Cisco.

Page 3: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

CONTACT PERSON

• Email : [email protected]• HP / WA : 0857 66666 148

• PIN : 7EC491F9• Blog : http://digital4rainsick.wordpress.com

• Modul silahkan download di KelasOnline/Elearning

Page 4: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

ATURAN DAN PENILAIAN

Syarat Ujian UTS : Kehadiran 50%

Syarat Ujian UAS : Kehadiran 50%

Unsur Penilaian :

• Kehadiran : 20%• Tugas : 30%• UTS : 25%• UAS : 25%

Range Nilai :

86 -100 = A71 - 85 = B56 - 70 = C41 – 55 = D<= 40 = E

Page 5: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

OUTLINE MATERI

1. Introduction2. Server-side & Client-side programming 3. HTML Language4. CSS Cascading Style Sheets5. CSS vs Framework CSS6. PHP Personal Home Page 7. PHP vs Framework PHP

8. CodeIgniter PHP Framework9. RDBMS MYSQL10. CMS Content Management System 11. Security Threats12. Securing www13. Web Server14. Hosting & Implementation

Page 6: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

REFERENSI

• http://www.w3schools.com• http://www.wikipedia.org

• http://knowledgeway.org/living/basics/• http://www.evolutionoftheweb.com• http://www.pewinternet.org/2014/03/11/world-wide-web-timeline/

Page 7: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

THE HISTORY OF WWW• TIM BERNERS - LEE • CERN PROJECT 1950

• Information Management System based on links embedded in readable text

Page 8: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

THE INTERNET

Page 9: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

EVOLUTION OF THE WEB

BROWSER & TECHNOLOGIES

Page 10: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

EVOLUTION OF THE WEB

THE GROWTH OF THE INTERNET

Page 11: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

INTERNET TOOLS

• E-mail clients• Telnet software

• Listserv software (allows you to set up discussion groups or mailing lists on any subject of interest)

• FTP, or File Transfer Protocol• Gopher software• WAIS (Wide Area Information Server).

• Internet Relay Chat (IRC)• World Wide Web Browsers

•Usenet

Page 12: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE1989

• Web begins as a CERN (European Organization for Nuclear Research) project called ENQUIRE, initiated by British scientist Tim Berners-Lee. Other names considered for the project include “The Information Mesh” and “The Mine of Information.”

• AOL launches its Instant Messenger chat service and begins welcoming users with the iconic greeting “You’ve got mail!”

1990

• 42% of American adults have used a computer. • World’s first website and server go live at CERN, running on Tim Berners-

Lee’s NeXT computer, which bears the message “This machine is a server. DO NOT POWER DOWN!”

• Tim Berners-Lee develops the first Web browser WorldWideWeb. • Archie, the first tool to search the internet is developed by McGill University

student Alan Emtage.

Page 13: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE1991

• Researchers rig up a live shot of a coffee pot so they could tell from their computer screens when a fresh pot had been brewed. Later connected to the World Wide Web, it becomes the first webcam.

1992• The term “surfing the internet” is coined and popularized.• Tim Berners-Lee posts the first photo, of the band “Les Horribles

Cernettes,” on the Web.• The line-mode browser launches. It is the first readily accessible

browser for the World Wide Web.1993• CERN places its World Wide Web technology in the public domain,

donating it to the world.• The National Center for Supercomputing Applications (NCSA) releases

Mosaic 1.0, the first web browser to become popular with the general public. “The web as we know it begins to flourish,” Wired later writes.

• The New York Times writes about the Web browser Mosaic and the World Wide Web for the first time. “Think of it as a map to the buried treasures of the Information Age.”

• Marc Andreessen proposes the IMG HTML tag to allow the display of images on the Web.

Page 14: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE1994

• 11 million American households are “equipped to ride the information superhighway.”

• Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site “Jerry and David’s Guide to the World Wide Web.”

1995• 18 million American homes are now online, but only 3% of online users

have ever signed on to the World Wide Web.• Amazon.com opens for business, billing itself as the “Earth’s Biggest

Bookstore.”• Microsoft releases Windows 95 and the first version of Internet Explorer.

1996• 77% of online users send or receive e-mail at least once every few

weeks, up from 65% in 1995.• HoTMaiL launches as one of the world’s first Webmail services, its name

a reference to the HTML internet language .• Nokia releases the Nokia 9000 Communicator, the first cellphone with

internet capabilities.

Page 15: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE1997

• Google.com registers as a domain.• Jorn Barger becomes the first person to use the term “Weblog” to

describe the list of links on his website.

1998• 20% of Americans get news from the internet at least once a week, up

from 4% in 1995.• The Internet Corporations for Assigned Names and Numbers (ICANN)

takes over responsibility for the coordination of the global internet’s systems of unique identifiers.

1999• 41% of adults are using the internet and the weather is the most

popular online news attraction.• MP3 downloading service Napster launches, overloading high-speed

networks in college dormitories. Many colleges ban the service and it is later shut down for enabling the illegal sharing of music files.

• Yahoo! acquires GeoCities for $3.6 billion.

Page 16: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE2000

• 43% of internet users say they would miss going online “a lot,” up from 32% in 1995.

• 78% of internet users who download music don’t think it’s stealing to save music files to their computer hard drives.

• 40 million Americans – or 48% of internet users – have purchased a product online.

2001• Only 3% of internet users say they got most of their information about

the 9/11 attacks and the aftermath from the internet.• Jimmy Wales launches Wikipedia. Users write over 20,000

encyclopedia entries in the first year.

2002• 55 million people now go online from work and 44% of those who have

internet access at work say their use of the internet helps them do their jobs. • Social networking site Friendster.com launches, but is

quickly overtaken by Facebook.

Page 17: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE2003

• WordPress blog publishing system created.• Apple launches the iTunes Music Store with 200,000 songs at 99¢ each. The store sells one million

songs in its first week.• The born of myspace, linkedin,myspace website.

2004• 11% of American internet users follow the returns on election night online. One-in-ten internet

users sign up for political email newsletters and news alerts during the campaign.• Harvard student Mark Zuckerberg launches thefacebook.com. 1,200 Harvard students sign up

within the first 24 hours. Facebook goes on to become the world’s biggest social networking site, with over a billion users worldwide.

• Mozilla releases Firefox 1.0.

2005• 8% of adult American internet users say they participate in sports fantasy leagues online.• YouTube is founded on Valentine’s Day. The first video, an explanation of what’s cool about

elephants, is uploaded by co-founder Jawed Karim on April 23. Google acquires the company a year later.

• Broadband connections surpass dial-up connections.

Page 18: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE2006

• Google acquires YouTube for $1.65 billion. YouTube founders Chad and Steve announce the Google acquisition in a video recorded in a parking lot: “The king of search and the king of video have gotten together.”

• Twitter launches. Founder Jack Dorsey sends the first tweet: “just setting up my twttr”

2007• 36% of American online adults consult Wikipedia.• Apple releases its first iPhone, priced at $499 for 4GB and $599 for 8G.• Estonia becomes the world’s first country to use internet voting in a parliamentary election.

2008• Google releases the Chrome Web browser.• HTML5 is introduced.• Microsoft offers to buy Yahoo! for $44.6 billion, but the two companies cannot agree on a

purchase price.• 19% of cellphone owners say they have gone online with their phones.• Three-quarters (74%) of internet users – or 55% of the entire U.S. adult population — say they

went online during the presidential election to take part in or get news and information about the campaign.

Page 19: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE2009

• Microsoft’s Bing search engine launches.

2010• 35% of adults have cell phones with apps, but only two-thirds actually use them.• Social photo-sharing sites Pinterest and Instagram launch.• Wikileaks collaborates with major media organizations to release U.S. diplomatic cables.

2011• Microsoft buys Skype for $8.5 billion.• Google+ launches.

2012• Microsoft buys Skype for $8.5 billion.• Google+ launches.• 66% of internet users use Facebook and 12% use Instagram. 2013• A majority (56%) of Americans now own a smartphone of some kind.• Former CIA employee and NSA contractor Edward Snowden turns over thousands of

classified documents to media organizations, exposing a top-secret government data surveillance program.

Page 20: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

WWW TIMELINE2014• 45% of internet users ages 18-29 in serious relationships say the internet has had an impact on their

relationship. • Facebook buys messaging app Whatsapp for $19 billion.

Page 21: New 1. Introduction www - WordPress.com · 2016. 3. 1. · • Yahoo! is created by Stanford University graduate students Jerry Yang and David Filo. They originally named the site

�����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������