FIRST SESSION - XAMPP
Salim Malakouti
 CS
 PHD
 Machine Learning, AI
 Web Programming and Mobile Application
Development
 TA
 Pitt: DS, Web
 AI, Advanced...
Background
 Country: Iran
Iran
Iran
 Language:
 Persian = Farsi = Parsi
Office Hours
 TBD
 By appointment: Saturday: 1:00pm – 2:00pm
Other days (but I don’t promise
:D)
Email?
 salimm@cs.pitt.edu
 48 hours
 Exam weeks may be an exception
 So -> Don’t keep everything for last minute.
More Information
 Office hours, announcements, materials or etc
 http://cs.pitt.edu/~salimm/courses/summer-
2014/cs1520
...
Cheating and Plagiarism
 BAD BAD BAD :D
 http://www.provost.pitt.edu/info/ai1.html
Class Participation
 Ask questions
 Answer my questions
 Help solving problems
XAMPP
Question?
 What do we need for a dynamic website?
 Dynamic: Content of pages can change depending on
factors such as tim...
XAMPP
 X ( L = Linux, M = Mac, W= Windows but X = cross-platform)
 Apache Server
 MySQL
 PHP
 Perl
Apache Server
 HTTP Server
 Written in C
 Open Source
 Windows, Linux, Mac OS X, Solaris, etc.
 By 2013 54.2% of all ...
What is HTTP?
 Hypertext Transfer Protocol
 HTTP is the foundation of data communication for
the World Wide Web.
 Hyper...
Example
Request 1
Response 1
Request 2
Response 2
Request 3
Response 3
MySQL
 Relational Database Management System
 Open Source
 Written in C and C++
PHP
 PHP: Hypertext Preprocessor (recursive acronym )
 PHP is a server-side scripting language designed
for web developm...
Perl
 Perl is a programming language. In the web
development environment, Perl is a very powerful
way to create dynamic w...
PHP vs Perl?
 PHP is easier to learn
 PHP is inline scripting language while Perl is not
 It is written within HTML cod...
How to install XAMPP?
 Install on USB Flash Drive using zip file
 Install on USB Flash Drive
 Install on Mac
 Install ...
Install on USB Flash Drive using the zip file
 Download the zip file from
 http://sourceforge.net/projects/xampp/files/X...
XAMPP for Portable for Windows
on USB
 Use the following link to download the portable
installer:
 http://sourceforge.ne...
Portable XAMPP for Windows
 Installer will show you the a welcome window. Click
next.
Portable XAMPP for Windows
 Installer will show options you can choose from,
preferably, keep everything unless your runn...
Portable XAMPP for Windows
 Next page will ask you to choose proper location.
For portable installation choose the USB fl...
Portable XAMPP for Windows
 After progress bar is finished click next till you can
click on Finish.
Portable XAMPP for Windows
 Click on Finish.
Portable XAMPP for Windows
 Start Apache and MySQL servers when you open
xampp from the installation folder.
Portable XAMPP for Windows
 To test, click on Admin button for Apache server and
you will see a page similar to the follo...
Install on Mac
 Go to:
 https://www.apachefriends.org/download.html
 Download desired version (preferably the one with
...
XAMPP for MAC
 Open the .dmg file
 For example:
 xampp-osx-1.8.2-5-installer.dmg
 In the following window open the ins...
XAMPP for MAC
 Choose next in the first setup window
XAMPP for MAC
 You can choose options and click next
 Keep both if you don’t really have disc problems
XAMPP for MAC
 Keep clicking on next till you the installation starts…
XAMPP for MAC
 Keep clicking on next till you the installation starts…
XAMPP for MAC
 After installation is done click on Finish
XAMPP for MAC
 In application window:
 go to Manage Servers tab
 All servers should have been started otherwise choose
...
XAMPP for MAC
 Make sure you don’t have any other instance of
these Apache server or MySQL server running on
your machine...
XAMPP for MAC
 Try XAMPP by clicking on “Go To Application” in
“Welcome” Tab
 This what you will have to see in your bro...
XAMPP for MAC
 Try XAMPP Installation by clicking on “Go To
Application Folder” in “Welcome” Tab
 There should be simila...
XAMPP for MAC
 htdocs in xamppfiles is where you can store all
your future PHP, HTML or any other files types
needed.
Install on Windows
 Go to:
 https://www.apachefriends.org/download.html
 Download desired version (preferably the one w...
Install on Windows
 Installer will show you the a welcome window. Click
next.
Install on Windows
 Installer will show options you can choose from,
preferably, keep everything unless your running
shor...
Install on Windows
 Next page will ask you to choose proper location.
Choose a proper place on your Hard Drive.
Install on Windows
 After progress bar is finished click next till you can
click on Finish.
Install on Windows
 Click on Finish.
Install on Windows
 Start Apache and MySQL servers when you open
xampp from the installation folder.
Install on Windows
 To test, click on Admin button for Apache server and
you will see a page similar to the following.
Playing Around With Configs
 How to have two different apache servers?
 What is the problem here? Why do you think that
...
Problem?
 Both servers what to listen to the same port?
 Port 80
 We have to change setting to use different port on
XA...
Change Apache Port on Mac
 In Manage Servers tab, choose to highlight Apache
Web Server and click on Configure.
Change Apache Port on Mac
 Change 80 to any port above 1024. Since anything
below it is a reserved port. For example 8080...
Change Apache Port on Mac
 Now
 http://localhost/xampp doesn’t work anymore but
 http://localhost:8080/xampp is now act...
Fix on Windows
 On windows you’ll clock on Config in the top right
corner.
 Then you’ll click on Service and Port Settin...
Change Apache Port on Windows
 Now
 http://localhost/xampp doesn’t work anymore but
 http://localhost:8080/xampp is now...
In case the GUI didn’t work
 Go to:
 Mac OS X:
 “/Applications/XAMPP/xampfiles/etc/”
 Windows:
 <USB drive letter>:ap...
Safety Issues
 If you visit the security status page
 http://localhost/security/index.php
 You will se that there are t...
To fix this on Mac
 Run
 sudo /Applications/XAMPP/xamppfiles/xampp
security
 Then open MySQL config file using the menu...
Fix on Windows
 Go to
 http://localhost/security/xamppsecurity.php
 Select password for both MySQL and XAMPP
pages.
THANKS
CS1520 Intro and Xampp installation
Upcoming SlideShare
Loading in …5
×

CS1520 Intro and Xampp installation

873 views

Published on

XAMPP 1.8.3 installation on Mac, Windows 7 and

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
873
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

CS1520 Intro and Xampp installation

  1. 1. FIRST SESSION - XAMPP Salim Malakouti
  2. 2.  CS  PHD  Machine Learning, AI  Web Programming and Mobile Application Development  TA  Pitt: DS, Web  AI, Advanced Programming, DB,
  3. 3. Background  Country: Iran
  4. 4. Iran
  5. 5. Iran  Language:  Persian = Farsi = Parsi
  6. 6. Office Hours  TBD  By appointment: Saturday: 1:00pm – 2:00pm Other days (but I don’t promise :D)
  7. 7. Email?  salimm@cs.pitt.edu  48 hours  Exam weeks may be an exception  So -> Don’t keep everything for last minute.
  8. 8. More Information  Office hours, announcements, materials or etc  http://cs.pitt.edu/~salimm/courses/summer- 2014/cs1520  Or  http://salimm.me
  9. 9. Cheating and Plagiarism  BAD BAD BAD :D  http://www.provost.pitt.edu/info/ai1.html
  10. 10. Class Participation  Ask questions  Answer my questions  Help solving problems
  11. 11. XAMPP
  12. 12. Question?  What do we need for a dynamic website?  Dynamic: Content of pages can change depending on factors such as time, user and etc.
  13. 13. XAMPP  X ( L = Linux, M = Mac, W= Windows but X = cross-platform)  Apache Server  MySQL  PHP  Perl
  14. 14. Apache Server  HTTP Server  Written in C  Open Source  Windows, Linux, Mac OS X, Solaris, etc.  By 2013 54.2% of all websites used Apache
  15. 15. What is HTTP?  Hypertext Transfer Protocol  HTTP is the foundation of data communication for the World Wide Web.  Hypertext is structured text that uses logical links (hyperlinks) between nodes containing text.  HTTP is a request-response protocol between server and client to transfer data
  16. 16. Example Request 1 Response 1 Request 2 Response 2 Request 3 Response 3
  17. 17. MySQL  Relational Database Management System  Open Source  Written in C and C++
  18. 18. PHP  PHP: Hypertext Preprocessor (recursive acronym )  PHP is a server-side scripting language designed for web development  PHP code is interpreted by a web server with a PHP processor module
  19. 19. Perl  Perl is a programming language. In the web development environment, Perl is a very powerful way to create dynamic web pages.
  20. 20. PHP vs Perl?  PHP is easier to learn  PHP is inline scripting language while Perl is not  It is written within HTML code  PHP is usually faster  Perl much more powerfull in regex (PHP actually uses Perl to provide regex)  Etc.
  21. 21. How to install XAMPP?  Install on USB Flash Drive using zip file  Install on USB Flash Drive  Install on Mac  Install on Windows
  22. 22. Install on USB Flash Drive using the zip file  Download the zip file from  http://sourceforge.net/projects/xampp/files/XAMPP% 20Windows/1.8.3/xampp-win32-1.8.3-4- VC11.zip/download  Unzip the files into a directory in the root of the flash drive and name it xampp.  In the xampp directory run “setup-xampp.bat” file to setup xampp settings in the current directory  Run “xampp-control.exe”  Continue the rest from slide 29
  23. 23. XAMPP for Portable for Windows on USB  Use the following link to download the portable installer:  http://sourceforge.net/projects/xampp/files/XAMPP% 20Windows/1.8.3/xampp-portable-win32-1.8.3-1- VC11-installer.exe/download
  24. 24. Portable XAMPP for Windows  Installer will show you the a welcome window. Click next.
  25. 25. Portable XAMPP for Windows  Installer will show options you can choose from, preferably, keep everything unless your running short of disc. You definitely will need MySQL, PHP, PHPMyAdmin and Apache.
  26. 26. Portable XAMPP for Windows  Next page will ask you to choose proper location. For portable installation choose the USB flash drive.
  27. 27. Portable XAMPP for Windows  After progress bar is finished click next till you can click on Finish.
  28. 28. Portable XAMPP for Windows  Click on Finish.
  29. 29. Portable XAMPP for Windows  Start Apache and MySQL servers when you open xampp from the installation folder.
  30. 30. Portable XAMPP for Windows  To test, click on Admin button for Apache server and you will see a page similar to the following.
  31. 31. Install on Mac  Go to:  https://www.apachefriends.org/download.html  Download desired version (preferably the one with the news PHP version)
  32. 32. XAMPP for MAC  Open the .dmg file  For example:  xampp-osx-1.8.2-5-installer.dmg  In the following window open the installer
  33. 33. XAMPP for MAC  Choose next in the first setup window
  34. 34. XAMPP for MAC  You can choose options and click next  Keep both if you don’t really have disc problems
  35. 35. XAMPP for MAC  Keep clicking on next till you the installation starts…
  36. 36. XAMPP for MAC  Keep clicking on next till you the installation starts…
  37. 37. XAMPP for MAC  After installation is done click on Finish
  38. 38. XAMPP for MAC  In application window:  go to Manage Servers tab  All servers should have been started otherwise choose them and click on start. (You may need to give permissions)
  39. 39. XAMPP for MAC  Make sure you don’t have any other instance of these Apache server or MySQL server running on your machine  Stop them if any existed  Stop Apache in terminal by running the following command:  sudo apachectl stop  Stop MySQL by running the following command in Terminal:  sudo /usr/local/mysql/support-files/mysql.server stop
  40. 40. XAMPP for MAC  Try XAMPP by clicking on “Go To Application” in “Welcome” Tab  This what you will have to see in your browser.  Under http://localhost/xampp/splash.php
  41. 41. XAMPP for MAC  Try XAMPP Installation by clicking on “Go To Application Folder” in “Welcome” Tab  There should be similar content in xamppfiles as shown in picture
  42. 42. XAMPP for MAC  htdocs in xamppfiles is where you can store all your future PHP, HTML or any other files types needed.
  43. 43. Install on Windows  Go to:  https://www.apachefriends.org/download.html  Download desired version (preferably the one with the news PHP version)
  44. 44. Install on Windows  Installer will show you the a welcome window. Click next.
  45. 45. Install on Windows  Installer will show options you can choose from, preferably, keep everything unless your running short of disc. You definitely will need MySQL, PHP, PHPMyAdmin and Apache.
  46. 46. Install on Windows  Next page will ask you to choose proper location. Choose a proper place on your Hard Drive.
  47. 47. Install on Windows  After progress bar is finished click next till you can click on Finish.
  48. 48. Install on Windows  Click on Finish.
  49. 49. Install on Windows  Start Apache and MySQL servers when you open xampp from the installation folder.
  50. 50. Install on Windows  To test, click on Admin button for Apache server and you will see a page similar to the following.
  51. 51. Playing Around With Configs  How to have two different apache servers?  What is the problem here? Why do you think that we had to stop the previous apache server? What if I want them to work simultaneously?
  52. 52. Problem?  Both servers what to listen to the same port?  Port 80  We have to change setting to use different port on XAMPP
  53. 53. Change Apache Port on Mac  In Manage Servers tab, choose to highlight Apache Web Server and click on Configure.
  54. 54. Change Apache Port on Mac  Change 80 to any port above 1024. Since anything below it is a reserved port. For example 8080 and restart server.
  55. 55. Change Apache Port on Mac  Now  http://localhost/xampp doesn’t work anymore but  http://localhost:8080/xampp is now active
  56. 56. Fix on Windows  On windows you’ll clock on Config in the top right corner.  Then you’ll click on Service and Port Settings in the new window an you’ll change 80 to 8080 in the new window and you’ll need to also save
  57. 57. Change Apache Port on Windows  Now  http://localhost/xampp doesn’t work anymore but  http://localhost:8080/xampp is now active
  58. 58. In case the GUI didn’t work  Go to:  Mac OS X:  “/Applications/XAMPP/xampfiles/etc/”  Windows:  <USB drive letter>:apacheconf  Open the file:  httpd.conf  Apply following changes:  Find the line which specifies the port number  “Listen 80”  It should be at line 58 in Windows and 52 In Mac  Change the port from 80 to anything you desire  Save and exit the file  Restart apache server  Test it  Localhost:<port number>
  59. 59. Safety Issues  If you visit the security status page  http://localhost/security/index.php  You will se that there are three security errors
  60. 60. To fix this on Mac  Run  sudo /Applications/XAMPP/xamppfiles/xampp security  Then open MySQL config file using the menues and find the line with:  #password = your_password  Remove # and change “your_password” to any password you desire.
  61. 61. Fix on Windows  Go to  http://localhost/security/xamppsecurity.php  Select password for both MySQL and XAMPP pages.
  62. 62. THANKS

×