Anda di halaman 1dari 20

PELATIHAN WEB DESIGN & WEB

PRESENTASI
PENAWARAN PROGRAMMING
PRODUK

Oleh :
Suyatno Budiharjo

Jakarta, 11 Maret 2015

Presentation_ID *
SESI : INTERNET
 Ini adalah jaringan terbesar yang ada di dunia
yang menghubungkan jutaan jaringan individu
ke seluruh dunia.
 Terminologi yang populer dari Internet adalah
Jalan Tol Informasi
 Penggunaan dari Internet ?

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 2
SESI : WEB (WWW)
Web
Infrastruktur dari informasi yang digabungkan dengan software jaringan
yang digunakan untuk mengaksesnya.
Web page
Dokumen yang berisi referensi atau rujukan dari berbagai jenis data.
Links
Hubungan antara satu halaman web dengan halaman web yang
lainnya.

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 3
SESI : WEB (WWW)
Website
Koleksi dari halaman web yang berhubungan
Web browser
Perangkat lunak yang digunakan mendapatkan kembali dan
menampilkan halaman web
Web server
Komputer yang disetting untuk merespon permintaan halaman web.

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 4
SESI : SEARCH ENGINE (SE)
Search Engine
Search Engine Optimization (SEO)
Instant Mesaging (IM)
Blog (Weblog)
Cookie

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 5
SESI : WEB (WWW)
Uniform Resource Locator (URL)
Cara standar untuk menentukan lokasi dari halaman web
yang berisi hostname,"/", domain, "/" file

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 6
SESI : SEARCH ENGINE (SE)
Search Engine
Search Engine Optimization (SEO)
Instant Mesaging (IM)
Blog (Weblog)
Cookie

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 7
SESI : EDITOR
Notepad / Notepad++
CoffeeCup
Geany
DreamWeaver
BBEdit
Bluefish
Brackets
Coda
Code Writer
TexTastic
Vim
Atom
ICECoder
Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 8
SESI : WEB PROGRAMMING
HTML (HyperText Markup Language), HTML5
ASP (Active Server Page)
JSP (Java Server Page)
Java
Javascript
jQuery
Python
Ruby
PHP (PHP Hypertext Preprocessor)
CSS (Cascading Style Sheet)

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 9
SESI : HTML
<html>
<head>
<title></title>
</head>
<body>
<P> . . . </P> specify that text should be treated as a separate paragraph
<CENTER> . . . </CENTER> center information in the browser window
<B>…</B> bold information
<I>…</I> italicize information
<HR> insert horizontal rule across page
</body>
</html>

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 10
SESI : HTML
<UL>…</UL> unordered list
<LI>…</LI> list item
<H1>…</H1> information as H1 head

<H8>…</H8> information as H8 head
Attribute
Part of a tag that provides additional information about the element
attribute-name = value
<IMG SRC = "myPicture.gif">
inserts the image stored in file "myPicture.gif"

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 11
SESI : HTML
A link is specified using the element A, (which stands for anchor) and
attribute HREF that specifies the URL of the destination document.
<P><A HREF="http://localhost/latihan/index.htm">Klik disini</A></P>

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 12
SESI : HTML5
New Tags
<section> to define section of pages
<header> to define the header of a page
<footer> to define the footer of a page
<nav> to define the navigation elements on a page
<article> to define an article or primary content of a page
<aside> to define secondary content that might appear in a sidebar
<figure> to define images that annotate an article

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 13
SESI : WEB APP FRAMEWORKS
1. yii
2. Codeigniter
3. CakePHP
4. Zend
5. Symfony
6. PHP Dev Shell
7. Prado
8. Akelos
9. QPHP
10. ZooP

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 14
SESI : WEB APP FRAMEWORKS

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 15
SESI : WEB APP FRAMEWORKS

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 16
SESI : TOOLS
XAMPP : Apache web server, MySQL, PHP, Perl, FTP
server & phpMyAdmin.
WampServer : Apache, PHP5 dan MySQL.
EasyPHP : Apache server, MySQL, PHPMyAdmin.
PHPTriad : Apache, Mysql, PHP dan PHPMyAdmin.
AppServ 2.5.10 : Apache, PHP, MySQL, phpMyAdmin

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 17
SESI : SEARCH ENGINE (SE)
Search Engine
Search Engine Optimization (SEO)
Instant Mesaging (IM)
Blog (Weblog)
Cookie

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 18
SESI : DEMO

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 19
TERIMA KASIH

Presentation_ID © 2008 Cisco Systems, Inc. All rights reserved. Cisco Confidential 20

Anda mungkin juga menyukai