Difference between revisions of "CLIO Installation"

From CLIO

Line 5: Line 5:


== Download ==
== Download ==
First, we need to download the CLIO web application package which is available at <nowiki>https://cliomuseums.org/?section=download</nowiki>.  Navigate to the folder where the “preview.zip” package was downloaded and extract it.  Depending on your software defaults, this process may be slightly different.   
First, we need to download the CLIO web application package which is available on our [https://gitlab.com/erismuseums/clio-exhibit GitLab]Click on the 'Download' button, which is beside the blue 'Clone' button.  We recommend downloading the project in the .zip format because it has the best cross-platform compatibility.  Navigate to the folder where the “clio-exhibit.main.zip” package was downloaded and extract it.  Depending on your software defaults, this process may be slightly different.   
[[File:CLIO Exhibit GitLab Download Popup.png|none|thumb|800x800px|Clicking on 'Download' will open a pop-up for which format to download CLIO Exhibit in.]]


== Creating a Local Development Environment ==
== Creating a Local Development Environment ==
Line 14: Line 15:


===Windows===
===Windows===
You can right-click on the “preview.zip” file and select “Open With…” then choose “Windows Explorer”.
You can right-click on the “clio-exhibit-main.zip” file and select “Open With…” then choose “Windows Explorer”.


Once you have navigated into the ZIP file, open the “v0.0.9 - Preview Release” folder.  Next, right-click on the “CLIO” folder and select “Copy”.
Once you have extracted the ZIP file, navigate into the new "clio-exhibit-main" folder.  Next, select everything in the folder and "copy” it using the right-click context menu or CTRL-C.


Now we need to navigate to the Web Server host directory.  If you follow the [[Creating a Local Web Development Environment]] guide, the default location is “C:\xampp\htdocs”.  Once you’re in this folder, you can paste the “CLIO” folder here.  
Now we need to navigate to the Web Server host directory.  If you follow the [[Creating a Local Web Development Environment]] guide, the default location is “C:\xampp\htdocs”.  Once you’re in this folder, you can "paste" the contents here using the right-click context menu or CTRL-V.  


===MacOS===
===MacOS===
You can right-click on the “preview.zip” file and select “Open”.  MacOS will extract the archive into the same folder as the zip file.
You can right-click on the “clio-exhibit-main.zip” file and select “Open”.  MacOS will extract the archive into the same folder as the zip file.


After extracting the zip file, open the “v0.0.9 - Preview Release” folder.  Next, right-click on the “CLIO” folder and select “Copy”.
After extracting the zip file, open the “clio-exhibit-main” folder.  Next, select everything in the folder and "copy” it using the right-click context menu or CMD-C.


Now we need to navigate to the Web Server host directory.  Open XAMPP.  We will need to go to the “Volumes” tab.  This will allow us to mount the files used by the web server as a remote drive so we can make changes to the files that are being hosted.
Now, we need to navigate to the Web Server host directory.  Open XAMPP.  We will need to go to the “Volumes” tab.  This will allow us to mount file system used by the web server as an accessible drive, so we can make changes to the files that are being hosted.


Click “Mount” beside the first data volume, which should be “/opt/lampp”.  This will make the volume appear in Finder so we can alter files.
Click “Mount” beside the first data volume, which should be “/opt/lampp”.  This will make the volume appear in Finder so we can alter files.


The web server’s contents are stored in /lampp/htdocs/.  
The web server’s contents are stored in this new mounted volume, in the htdocs folder.  


Once you're in this folder, you can paste the “CLIO” folder here.  
Once you're in this folder, you can "paste" the contents here using the right-click context menu or CMD-V.  


===Linux===
===Linux===
{{Stub}}
{{Stub}}

Revision as of 13:12, 30 October 2022

Add a photo.png

Overview

CLIO is a web-based application, which means that it needs to be installed on a web server.  There is no setup process for databases, meaning that the application files can be dragged directly to the applicable web server folder and accessed without installation.  Different Operating Systems have different locations for their hosted content. 

Download

First, we need to download the CLIO web application package which is available on our GitLab.  Click on the 'Download' button, which is beside the blue 'Clone' button. We recommend downloading the project in the .zip format because it has the best cross-platform compatibility. Navigate to the folder where the “clio-exhibit.main.zip” package was downloaded and extract it.  Depending on your software defaults, this process may be slightly different. 

Clicking on 'Download' will open a pop-up for which format to download CLIO Exhibit in.

Creating a Local Development Environment

CLIO is a web-based application, which means that it needs to be developed on your local machine using a Local Web Development Environment (LWDE).  If you are installing CLIO on a remotely hosted web server, you can ignore this section. There are many free and open-source Local Web Development Environments available, which quickly create a local web server with all of the required tools.

Installation

Windows

You can right-click on the “clio-exhibit-main.zip” file and select “Open With…” then choose “Windows Explorer”.

Once you have extracted the ZIP file, navigate into the new "clio-exhibit-main" folder.  Next, select everything in the folder and "copy” it using the right-click context menu or CTRL-C.

Now we need to navigate to the Web Server host directory.  If you follow the Creating a Local Web Development Environment guide, the default location is “C:\xampp\htdocs”.  Once you’re in this folder, you can "paste" the contents here using the right-click context menu or CTRL-V.

MacOS

You can right-click on the “clio-exhibit-main.zip” file and select “Open”. MacOS will extract the archive into the same folder as the zip file.

After extracting the zip file, open the “clio-exhibit-main” folder.  Next, select everything in the folder and "copy” it using the right-click context menu or CMD-C.

Now, we need to navigate to the Web Server host directory.  Open XAMPP. We will need to go to the “Volumes” tab.  This will allow us to mount file system used by the web server as an accessible drive, so we can make changes to the files that are being hosted.

Click “Mount” beside the first data volume, which should be “/opt/lampp”.  This will make the volume appear in Finder so we can alter files.

The web server’s contents are stored in this new mounted volume, in the htdocs folder.  

Once you're in this folder, you can "paste" the contents here using the right-click context menu or CMD-V.

Linux

Imbox style.png