How to install MAMP

What is MAMP and why do I need it?

First of all, MAMP is an acronym: it stands for Macintosh, Apache, MySQL and PHP. It represents the basic set of server software needed to run dynamic web sites (web sites that change on-the-fly with user interactivity).

There is also WAMP (for Windows) and LAMP (for the Linux operating system). Most of the internet runs on LAMP servers.

You need a web server

In modern web design, the web server plays a huge role in making web sites work they way we expect them to in the 21st century.

For example, the act of commenting on a social media post and having your comment display immediately on the web page requires a lot of automation in between your browser, the web server (which processes your actions on the page) and the database server where your comment text and it’s related info is stored.

As a visual designer, you need to be able to see the end product: good old HTML and CSS in your web browser. This is what MAMP does: it provides the basic back-end software of modern web sites: the Apache web server, MySQL database server and the PHP scripting language that connects the two together.

Where can I get MAMP (or similar)?

MAMP for macOS and Windows
Bitnami server for macOS, Windows and Linux
XAMPP for macOS, Windows and Linux

In the visual design industry, MAMP is considered the default server software when designing on your own computer. It installs everything in a single click. It has a friendly user interface. It also has been around for a long time and has a large user base.

MAMP installs in your applications folder, and thus requires an administrator’s password to be installed.

Bitnami offers the same software. The user interface is slightly less polished but works perfectly fine. It’s advantage is that you can install it anywhere on the computer, such as your Desktop folder or on an external USB drive. Therefore you can install it in the labs at school without having to know the admin password.

XAMPP (Apache distribution containing MariaDB, PHP, and Perl) offers, once again, the same software in another packaged installer. In general, XAMPP is a bit more difficult to get used to by beginners.

Understanding networking for web designers

When learning to become a web designer, it is critical to understand how networking works since so many different parts come together to make a web site work.

When a web site goes down, it can be anyone of the different parts that has failed. Being able to pinpoint that part, and who is responsible for it is key to getting the web site back up and running again quickly.

Internet and WWW aren’t the same thing

First of all, let’s get one thing straight. The internet and the World Wide Web are not the same thing.

The internet is a series of interconnected networks. It is a network of networks built of of private, public, academic, business, and government networks.

A Quick History

Mainframes

U.S. Army Photo from M. Weik, A technician changes a bad tube in the ENIAC computer circa 1940.
“U.S. Army Photo”, from M. Weik, “The ENIAC Story” A technician changes a tube. Caption reads “Replacing a bad tube meant checking among ENIAC’s 19,000 possibilities.” Center: Possibly John Holberton https://flic.kr/p/8QEF6m https://creativecommons.org/licenses/by-nc/2.0/
Continue reading “Understanding networking for web designers”

Installing & Configuring the LAMP Virtualbox web server

Note

The screenshots in this tutorial were created on both an iMac (macOS 10.13.6) and a Ubuntu 18.04 Linux machine. When you configuring your instance of Virtualbox the appearance of the interface and the location of some controls may be different. The functionality remains the same on every platform (macOS, Windows or Linux).

Case-sensitivity

Please note that Linux is a case-sensitive filesystem. This means that “file.html” and “File.html” (different capitalization of the letter F) are understood by the computer as two different files!

So, in web design, please standardize your file or folder naming to:

  1. lowercase letter and/or numbers only
  2. periods reserved for use as the last character before the file name extension ex: .html, .css, etc.
  3. no spaces in file/folder names

Continue reading “Installing & Configuring the LAMP Virtualbox web server”