Free Download: Mockups Application

Chosen Mockups Application

We’re quick to turnover when we really believe in something. One of the automated scripts we wanted for our company was a system to upload mockups to a directory and have them automatically publish in a web page. This system allows us to simply drag and drop images and have them populate with different versions and folders. We also wanted this functionality to be password protected and to have a way to separate public and private folders in a directory.

For security purposes I have removed the actual session control script that we use (which is a way of protecting pages via login). However, it does come standard with a simple login posting ability so even if you know nothing about programming, this script should come in handy.

Features:

  • JQuery Slider for form and functionality
  • PHP to read directories and manage users
  • Minimal design and small pages.
  • Basic frame and structure, ideal for building upon or changing functionality

Documentation:

Under the parent mockups directory

  • This is the area to store your CSS, JS, and Layout Images
  • The index on this page reads the directory and displays any directory starting with an _underscore
  • The user name should also be the directory name that user has access to
  • User names and passwords are stored in an array

Under the mockups > _user directory

  • This once again reads the directory looking for folders starting with an _underscore
  • This step is not necessary for the application, we simply use it for different versions/revisions

Under the mockups > _user > _version directory

  • The index page in this directory reads the directory and looks for any images (you can change extensions that it looks for).
  • Once it finds the images it outputs them in HTML and displays the file name, sorted alphabetically.

Check it out

Download Source Files

This entry was posted in Design, Technology and tagged , , , . Bookmark the permalink.