Login to Origami Xchange

Welcome to Origami Engine! Once you’ve created your account, you will be able to login to Origami Xchange. Go to your personal URL or x.origamiengine.com. Once you have logged in, there are three things you need to do in order to get up and running.

Connect Amazon S3

Connect iTunes

Upload a logo

Setting up Amazon S3

We require an Amazon S3 account in order to be able to upload content into Origami Engine. The S3 account is registered and owned by you, so the content you create and upload never resides in our system. You always control and own your content.

Setup when creating a new Amazon S3 Account

These steps will help you through the process of creating an Amazon S3 account and connecting it to Origami Engine. Once it’s connected, there are no further steps.

Choose the level of support for your account. Unless you know you need some level of support, we recommend the free plan.

Setup Amazon S3 Step 9

STEP 9

You’ve now successfully created a Amazon AWS account. Now you need to setup S3. Login to the AWS console.

Setup Amazon S3 Step 10

STEP 10

You will need to login with your new account credentials to get access to the console.

Setup Amazon S3 Step 11

STEP 11

Choose Amazon S3 in the console area.

Setup Amazon S3 Step 12

STEP 12

In some cases, when you just create an account, it will take some time for it to set up. You might get this screen if you go through the process quickly. Just give it a few minutes to process your account.

Setup Amazon S3 Step 13

STEP 13

When you choose S3 for the first time, you will see this screen. This is to get your master access keys for Amazon AWS. These keys are what we need to connect to S3.

Setup Amazon S3 Step 14

STEP 14

Here you will create the master keys.

Setup Amazon S3 Step 15

STEP 15

You have now successfully created your Amazon AWS master keys. Click here to view and or download your keys. These access keys are extremely important. Do not lose them, please keep them safe.

Setup for existing Amazon S3 Account

If you have an existing Amazon AWS account, you will need to create your keys in a different manner.This requires some basic knowledge of computers and computer systems. Below outlines the steps to create a user and give that user permission to access S3. This process will isolate the Origami Engine S3 bucket from any other aspect of AWS.

Adding an Origami Engine User to an Existing S3 Account

Setup Amazon S3 Step 1a

STEP 1

You will need to create a separate user for Origami Engine. Start by accessing IAM and adding a user.

Setup Amazon S3 Step 2a

STEP 2

Name the user something related to Origami Engine.

Setup Amazon S3 Step 3a

STEP 3

Once you create a user, you will be given the keys to that user. Please save the keys and store them somewhere safe. They are very important.

Setup Amazon S3 Step 4a

STEP 4

Once the user is created, you will need to select the user again to add access to S3.

Setup Amazon S3 Step 5a

STEP 5

You will need to set up 2 user policies.

Setup Amazon S3 Step 5a

STEP 6

You will need to set up 2 user policies.

Setup Amazon S3 Step 5a

STEP 7

You will need to set up 2 user policies.

Setup Amazon S3 Step 6a

STEP 8

The list of policies is quite long. We recommend you use the filter field to find the policies we need.

Setup Amazon S3 Step 7a

STEP 9

The first policy we need is AmazonS3FullAccess.

Setup Amazon S3 Step 8a

STEP 10

The second policy we need is CloudFrontFullAccess.

aws_s3_step10a

STEP 11

The second policy we need is IAMFullAccess.

aws_s3_step11

STEP 12

After adding the 3 policies, just confirm that they are connected to the user you created and you are finished. Use the keys you saved to link Origami Engine to S3.

Add your Amazon S3 Key to Origami Xchange Settings

Now that you have your Keys to login to Origami Xchange, select settings in the left navigation. There you add both Keys. Regardless of the 2 methods you use to get your keys, we only use these keys temporarily.

For security reasons, after you have entered your keys, we use the access to set up very limited access for Origami Engine to Amazon S3. We create an area (bucket) that Origami Engine has access to but we make sure that we have no access to any other part of your Amazon account.

After using the keys you provide, we create a new set of keys that only have access to the Origami Engine content. For your privacy and security, we do not keep or save the master keys you provide.

OX_support_aws_login

Settings Area

In the settings area there are two sets of login credentials. The one labled AWS Login is where you add your master keys from Amazon S3 setup.

OX_support_aws_master_keys

Origami Engine Access Keys

Once you have successfully connected Origami Engine to your Amazon S3 account, we create new keys that only have access to Origami Engine content. We share these keys with you. Please write them down and store them in a safe place.

Setting up iTunes

To be able to create Apps, In-App-Purchase and update content in your Apps, Origami Engine requires access to your Apple iTunes account. You can either enter your master iTunes username and password here or create a new user with admin access.

We store your iTunes credentials with industry standard AES 256 bit encryption and the password is never available to the user once entered.

This is a requirement in order to publish anything on Origami Engine.

OX_support_itc_login

Connecting iTunes Connect

This process connects Origami Engine with iTunes Connect. This way we can publish, manage and update iOS Apps that you create using Origami Engine. We have no access to Apps not created with Origami Engine, they are managed only by accessing iTunes Connect directly.

Upload your Logo

Adding your logo to Origami Xchange will display it to you, your team and your customers. It’s visible in channels and user account access for your customers.

You can upload a PNG graphic 800 pixels x 800 pixels with transparency.

OX_support_logo_upload1

Upload a PNG

The image should be 800px x 800px.

OX_support_logo_upload2

Logo setup time

It will take up to 15 minutes for the logo to be processed and available in the system. In the meantime, you will get these broken image icons.

Login to Origami Design

Adding your logo to Origami Xchange will display it to you, your team and your customers. It’s visible in channels and user account access for your customers.

You can upload a PNG image 800 pixels x 800 pixels with transparency.

If you are using a free account, you have access to all of the functionality but it will only run for 15 minutes at a time and anything you create will have a watermark on it.

Origami ID

Once you have created an account, free or paid plan you can login to Origami Design and start building.

Creating a New Document

Once you are logged in, you can go ahead and create a new document. In Origami Engine we have two main document formats.

OED – Origami Engine Design File

This is the file used in Origami Design, it’s open and readable by any Origami Design App. You can edit your App, make changes, create new things and publish when opening an OED file.

OEP – Origami Engine Package File

This is the distribution file format. It’s compressed and encrypted to protect the documents contents. This file can not be opened with Origami Design. All Origami Design can do with a OEP is add it to Origami View.

If you are using a free account, you have access to all of the functionality but it will only run for 15 minutes at a time and anything you create will have a watermark on it.

After Origami Design is open, then you can go to the file menu and choose new document or click ⌘Command+N.

OD_support_new_doc

Create a new document

Here you have the options connected to the creation of a new document.

OD_support_save_new

Save a new document

Here you have the options connected to the creation of a new document.

The basic Origami Design interface

This is to add the basic objects to the stage, image, scrollable, overview, anchor etc.

This is a description of the toolbar area.

Here you can switch between arrow tool and type tool.

These are the transform functions of a selected object.

The color palette can be accessed for page and object background colors and type color.

The inspector panel. When you select any object the options for that object will appear here.

These are the layers of the objects on the page you are working with.

These are tabs for Layers, Assets, Widgets and Data.

This is the page overview area. It shows all of the pages, page numbers and there names.

These are Guides for the page.

The pink transparent layer is a hotspot. It's a touchable interactive area.

This is a page, it will be the same size and shape as device view you are working with.

This is the info bar, here you set the object name, size, position and type of interactivity.

Toggling between views

Change language view

Here you can select Phone or Tablet for both iOS and Android

This switches between landscape and portrait.

Download Origami View

To preview what you have created in Origami Design please .

OV_support_login

After Downloading, Login

Once you have downloaded Origami View you need to login with your Origami ID. The same username/password you use for Origami Design and Origami Xchange.

Preview in Origami View

Now that you have created a document, you can now preview it.

Click on the preview icon to see a list of devices available on WiFi and USB. Choose one and the page you are on will export and be sent to that device.

If you want to export all the page, a page range or specific lanaguge, orientation or device versions then use File > Export.