PRESENTASI PENAWARAN PRODUK PELATIHAN WEB DESIGN & WEB PROGRAMMING 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? 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. 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. 4
SESI : SEARCH ENGINE (SE) Search Engine Search Engine Optimization (SEO) Instant Mesaging (IM) Blog (Weblog) Cookie 5
SESI : WEB (WWW) Uniform Resource Locator (URL) Cara standar untuk menentukan lokasi dari halaman web yang berisi hostname,"/", domain, "/" file 6
SESI : SEARCH ENGINE (SE) Search Engine Search Engine Optimization (SEO) Instant Mesaging (IM) Blog (Weblog) Cookie 7
SESI : EDITOR Notepad / Notepad++ CoffeeCup Geany DreamWeaver BBEdit Bluefish Brackets Coda Code Writer TexTastic Vim Atom ICECoder 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) 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> 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" 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> 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 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 14
SESI : WEB APP FRAMEWORKS 15
SESI : WEB APP FRAMEWORKS 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 17
SESI : SEARCH ENGINE (SE) Search Engine Search Engine Optimization (SEO) Instant Mesaging (IM) Blog (Weblog) Cookie 18
SESI : DEMO 19
TERIMA KASIH 20