DIY Development Server EX4 (ekapujiw2002@gmail.com)

Pendahuluan

• Urgensi :– Fast modification– Avoiding embarashing errors and security

issues– Gaining experience on building a server

• Base Ingredients : Apache, MySQL, PHP (AMP)• Platform :

– Windows = WAMP– Linux = LAMP– Mac = MAMP

Ingredients

• Web Server : Uniform Server Orion 7.17– WAMP– PHP, MySQL, Perl, Apache– Security is #1– .ht files configured as in production use– Production ready– USB web server => run a webserver on your

removable devices

• Plugin : SlimFTPd– Server FTP super ringan (56KB)

• Text Editor : Notepad++

• FTP Client : Filezilla

• IDE : PHPDesigner

• Browser :– Firefox + extention Firebug + FireFTP– Chrome– IE

Instalasi Notepad++

• Versi : 5.93 Unicode– Tabbed document interface– Drag-and-drop– Multiple Clipboard (plugin required)– Split screen editing and synchronized scrolling– Spell checker (requires Aspell) (Spell checker does not

distinguish between text and code)– Supports text encoding formats such as Unicode, for

international writing systems– Find and replace over multiple documents– File comparison– Zooming

– Auto-completion– Bookmarks– Syntax highlighting and syntax folding– Brace and indent highlighting– Regular expression find and replace– Speech synthesis– FTP Browser (plug-in included in standard installation)– Macro recording and execution.– Various tools such as line sorting, text encoding conversion, text

folding– File status auto-detection– Plugins for multiline regular expression search and replace

Instalasi Uniform Server

• Versi : Orion 7.17 – Apache 2.2.19– MySQL 5.5.15-community– PHP 5.3.8– phpMyAdmin 3.4.4– ActivePerl– Go-Pear 1.16

Instalasi SlimFTPd

• Versi : 3.18– Standards-compliant FTP server implementation that works with all major

FTP clients– Fully multi-threaded 32-bit application that runs as a Windows system

service on all Windows platforms– Supports passive mode transfers and allows resume of failed transfers– Small memory footprint; won't hog system resources– Easy configuration of server options through configuration file– All activity logged to file– Support for binding to a specific interface in multihomed environments– User definable timeouts– No installation routine; won't take over your system– Supports all standard FTP commands: ABOR, APPE, CDUP/XCUP,

CWD/XCWD, DELE, HELP, LIST, MKD/XMKD, NOOP, PASS, PASV, PORT, PWD/XPWD, QUIT, REIN, RETR, RMD/XRMD, RNFR/RNTO, STAT, STOR, SYST, TYPE, USER

– Supports these extended FTP commands: MDTM, NLST, REST, SIZE– Supports setting of file timestamps– Conforms to RFC 959 and RFC 1123 standards

Instalasi Filezilla

• Versi : 3.5.1– Easy to use– Supports FTP, FTP over SSL/TLS (FTPS) and SSH File Transfer Protocol (SFTP)– Cross-platform. Runs on Windows, Linux, *BSD, Mac OS X and more– IPv6 support– Available in many languages– Supports resume and transfer of large files >4GB– Tabbed user interface– Powerful Site Manager and transfer queue– Bookmarks– Drag & drop support– Configurable transfer speed limits– Filename filters– Directory comparison– Network configuration wizard– Remote file editing– Keep-alive– HTTP/1.1, SOCKS5 and FTP-Proxy support– Logging to file– Synchronized directory browsing– Remote file search

Instalasi PHP Designer

• Versi : 7.25• Syntax highlighters

– Intelligent syntax highlighting, switch automatic between PHP, HTML, CSS and JavaScript

– PHP (both version 4 and 5 are full supported)– SQL (MySQL, MSSQL 2000, MSSQL 7, Ingres, Interbase 6, Oracle,

Sybase)– HTML/XHTML– CSS (both version 1 and 2.1 are full supported)– JavaScript– VBScript– Java– C#– Perl– Python– Ruby– Smarty

• PHP– Support for PHP 4 and PHP 5+– Code explorer for PHP (support for includes, classes, extended classes, interfaces,

properties, functions, constants and variables)– Code completion (code insight) for PHP with OOP support– Code tip for PHP (helps you completing your functions as you type)– Support for PHP object oriented programming (OOP) including nested objects– Go to any declarations (classes, functions, variables, interfaces etc.) declared in

your files, projects or frameworks– Work with any of your favorites PHP frameworks– Code completion for phpDocumentor– Add automatic phpDocumentor documentation to your classes and functions– phpDocumentor wizard (generate a full documentation of your code in seconds)– Smart comment/uncomment of code– Enclose strings with single- or double quotes, linefeed, carriage return or tabs– Automatic close single- or double quotes, brackets etc.– Fast, powerful and very configurable PHP code beautifier with profile support

• Debug PHP– Debug PHP scripts with Xdebug– Breakpoints– Step by step debugging– Step into– Step over– Run to cursor– Run until return– Call stack– Watches– Context variables– Evaluate– Profiling– Multiple sessions– Evaluation Tip– Catch errors– Run PHP scripts using the PHP interpreter from php.net– Catch output (both formatted and as text) and errors and warnings– Support for localhost preview– Preview with Internet explorer, Firefox, Chrome, Opera and Safari– Support for debugging from external browsers and stepping into the code in phpDesigner 7

• Syntax check– Real time syntax check for PHP, HTML/XHTML and CSS– Real time syntax check for PHP using the PHP interpreter from php.net

• HTML– Code completion (code insight) for HTML/XHTML with embedded CSS and

JavaScript code completion (code insight)– Tag code inspector for HTML/XHTML– Find and select matching tags– Show HTML/XHTML syntax errors in real-time– The code completion will automatic suggest the missing close tag– Support for HTML tidy (w3 standard, upgrade to css, upgrade to xhtml and upgrade

to xml)– Link-, image-, table-, list-, forms-, meta-, flash-, font-, color dialogs– Format tools and tags– Special character dialog and converter– Remove tags– Import <body> tag from other documents– Selection between a variation of doctypes

• CSS– Code Explorer for CSS– CSS code completion (code insight)– Show CSS syntax errors in real-time– Selector wizards (simple, class, id, contextual, child, sibling and pseudo)– Go to any CSS class or id located in either your document, project or opened files

• JavaScript– Code Explorer for JavaScript– Code completion (code insight) for JavaScript with OOP support– Code tip for JavaScript (helps you completing your functions as you type)– Support for the JavaScript framework jQuery (code completion, code tip, go to declaration etc.)– Support for the JavaScript framework YUI (code completion, code tip, go to declaration etc.)– Support for the JavaScript framework Dojo (code completion, code tip, go to declaration etc.)– Support for the JavaScript framework MooTools (code completion, code tip, go to declaration

etc.)– Support for the JavaScript framework Prototype (code completion, code tip, go to declaration

etc.)– Support for the JavaScript framework Ext JS (code completion, code tip, go to declaration etc.)– Go to any JavaScript function or variables declared in either your document, project or opened

files

• Project and file management– Files located in your project can be stored both local and remote– Go to any PHP declaration in project with filtering by classes, interfaces,

functions, variables or constants– Access all your classes, extended classes, interfaces, properties,

functions, constants and variables declared in your project or framework through the code tip and code completion

– Work with multiple frameworks (both PHP and JavaScript)– Support for working with any PHP framework– Support for working with popular JavaScript frameworks (see JavaScript)– Support and integration for TortoiseSVN– File browser– Go to any CSS class or id located in your project– Go to any JavaScript function or variable located in your project– Localhost support– FTP/SFTP browser and management– Advanced Filter management

• Advanced editor– Advanced and fully customizable editor– Support for bookmarks– Unlimited undo and redo– Drag and drop support– Show special characters– Support for both tabs and space indention– Print (with preview)– Export to Latex, rtf and html– Encodings: ANSI, UTF-8 (with and without BOM), UTF 16 LE/BE (with and without

BOM)– File Formats: Windows, Unix and Mac– Auto completions (code templates)– Auto corrections– Advanced search and replace including support for regular expression, wildcards,

projects and files– Gutter, margin and line numbering– Highlight matching and un-matching brackets and tags– Bracket highlighting

• Help and references– Integration with the PHP manual in phpDesigner 7 (both the standard and extended edition of the

PHP manual)– HTML manual– CSS manual– Pear manual– JavaScript manual– SQL manual

• Tools– Code snippet support with customizable categories– Code template support with customizable categories– Code libraries for PHP, phpDocumentor, Smarty, SQL (MySQL, MSSQL 2000, MSSQL 7, Ingres,

Interbase 6, Oracle, Sybase), HTML, XML, CSS, JavaScript, VBScript, Java, C#, Perl, Python and Ruby

– Timestamp (with auto update)– Differencing and merging tool– Convert case (lowercase, uppercase, capitalize)– Application manager– Todo and bug manager– Inline todo and bug manager (based on todo and bug comments in the code)– Web search (contextual search on the big engines like Google, Bing, Yahoo, Koders, php.net etc.)– Database browser (using phpMyAdmin)– Preview with Internet Explorer, Firefox, Chrome, Opera and Safari

• User interface– Support for more than 15 different themes– Multilanguage support (current more than 20

languages are supported)– Fully customizable workspace– Drag-, group and floatable toolbars and panels– Customizable shortcuts– Tabbed and document interface

Instalasi Firefox

• Versi : 6.0

Instalasi Google Chrome

• Versi : 15.0.865.0 beta