Saga

Logo

[Read more about Saga here] (http://dismagazine.com/issues/73345/mathew-dryhurst-data-sagacity-and-site-specificity/)

Saga Installation Guide & Setup Instructions

=== SAGA ===

Contributors: matdryhurst, fawadrashid Tags: Saga

Saga is an art project exploring website specific expression online.

== Installation ==

  1. Copy all files in a subfolder or the root of your webserver.
  2. Make a new mysql database in your mysql server using phpmyadmin or another mysql management tool/console. Import the sql script sa-gacity_smartembed.sql into your newly created database.
  3. Edit the file database.php which is placed in your application in application/config. Change the database hostname, username and password to point to your newly created database.
  4. Copy the database.php file to the folder /application/config/development as well. Make sure the file has the correct database credentials.
  5. Make sure your webserver supports mod_rewrite. You may need to enable support for it on your webserver.
  6. Next up locate your apache httpd-vhosts.conf or your httpd.conf file. Depending on your environment and operating system the location and format of this file may vary. You will need to edit this file and point the DocumentRoot to the location of the public folder located within the application.
  7. Make sure the public folder and application/modules/embedcontent/templates folders have adequate permission as the templates are created in these folders. Set permissions on these folders something like 755
  8. Login credentials for administrative backend are u:admin@smartembeds.com p:123. Url for administrative panel is http:///admin/embeds/templates
  9. The application has been tested and development on PHP 5.4 & MySQL 5.6.20
  10. Please ensure that your web server is setup to handle file uploads with size at least 500MB as embed templates can be very large if you choose to host all the content on your own server. The max_upload_size and max_post_size size are typically found in php.ini and can be set there.

==USAGE==

Adding a video:

  1. Make a template. Download the original Saga_one template and modify it to taste, or create one from scratch.

  2. Upload this template via the admin interface

  3. Navigate to ‘Embeds’ on the admin interface menu. Select a name for the project, your template and click the ‘is active’ box. Once you click ‘Create Embed content’ your file should be live and shareable.

As default, the video you will find in my first Saga template is sagatest.mp4. The easiest way to add your own video is to create a new template and include it in your /media folder, however depending on your server speed I can also recommend using Amazon Web Services for smoother streaming.

For Browsers, you need to point to your video in both the index.html file (line 71) and the site.js file (line 51: var movieArray)

For Mobile, upload a compressed version of your video to the site.js file (line 400: movieArray)

Chaining media:

var movieArray in the site.js file lets you dictate a chain of videos to play through Saga, like a channel. By default, I have sagatest.mp4 and sagatwo.mp4 chained.

Popups/ expressions:

Saga uses Mozilla’s Popcorn.js to be able to trigger popups or expressions on the timeline. You can read about how to use Popcorn here (http://popcornjs.org/documentation) or simply play around with the templated expression already in the site.js file (under var movieEvents).

Currently you can trigger text and images to appear above the video at designated times.

Tracking your video:

When you are logged in to your admin interface, you can track the IP and time of each post in the history section. There you will be told what video what posted when, and what template was used.

Cloning instances of your video:

Once someone has posted your media, you are able to make changes to the embed in that location by clicking on the pencil logo to the left. Once this is done, a new entry will appear in history with a dedicated hash that corresponds to the new folder visible on your server (under /public/static). When you edit this folder, those changes will appear in the location that you desired.

Uploading new templates:

In the admin section, you can navigate to ‘templates’ at the top. This will list all templates currently hosted on your server, and you may upload a new one by clicking ‘new’ in the top right of your environment. You will need to compress your template into a .zip file in order for it to register correctly.

WARNING: When you are zipping your template, select all of the folders (index.html, /js etc) and compress that way. If you compress a folder containing those folders, the system will eventually return an error.

== Frequently Asked Questions == TODO

=== Where can I get more help? ===

Please get in touch with me on Twitter (@matdryhurst).

== Screenshots ==

TODO

== Changelog ==

TODO

== Contributors ==

== Contributing ==

We'd welcome contributions from anyone else working with the Saga project. Fork the project, submit issues, and get in touch by whatever means.



Saga

[在此了解更多关于佐贺]( http://拆除。 com / issues / 73345 / mathew-dryhurst-data-sagacity-and-site-specificity /

佐贺安装指南&安装说明

=== SAGA ===

贡献者:matdryhurst,fawadrashid 标签:Saga

Saga是在线浏览网站具体表达的艺术项目。

==安装==

  1. Copy all files in a subfolder or the root of your webserver.
  2. Make a new mysql database in your mysql server using phpmyadmin or another mysql management tool/console. Import the sql script sa-gacity_smartembed.sql into your newly created database.
  3. Edit the file database.php which is placed in your application in application/config. Change the database hostname, username and password to point to your newly created database.
  4. Copy the database.php file to the folder /application/config/development as well. Make sure the file has the correct database credentials.
  5. Make sure your webserver supports mod_rewrite. You may need to enable support for it on your webserver.
  6. Next up locate your apache httpd-vhosts.conf or your httpd.conf file. Depending on your environment and operating system the location and format of this file may vary. You will need to edit this file and point the DocumentRoot to the location of the public folder located within the application.
  7. Make sure the public folder and application/modules/embedcontent/templates folders have adequate permission as the templates are created in these folders. Set permissions on these folders something like 755
  8. Login credentials for administrative backend are u:admin@smartembeds.com p:123. Url for administrative panel is http:///admin/embeds/templates
  9. The application has been tested and development on PHP 5.4 & MySQL 5.6.20
  10. Please ensure that your web server is setup to handle file uploads with size at least 500MB as embed templates can be very large if you choose to host all the content on your own server. The max_upload_size and max_post_size size are typically found in php.ini and can be set there.

== USAGE ==

添加视频:

  1. Make a template. Download the original Saga_one template and modify it to taste, or create one from scratch.

  2. Upload this template via the admin interface

  3. Navigate to ‘Embeds’ on the admin interface menu. Select a name for the project, your template and click the ‘is active’ box. Once you click ‘Create Embed content’ your file should be live and shareable.

默认情况下,您将在第一个Saga模板中找到的视频是sagatest.mp4。添加自己的视频的最简单方法是创建一个新的模板并将其包含在您的视频中 / media文件夹,但是根据您的服务器速度,我也可以推荐使用Amazon Web Services进行流畅播放。

对于浏览器,您需要在index.html文件(第71行)和site.js文件(第51行:var movieArray)中指向您的视频。

对于手机,将视频的压缩版本上传到site.js文件(第400行:movieArray)

链接媒体:

您可以通过site.js文件中的var movieArray命令,通过Saga播放视频链,就像一个频道。默认情况下,我有sagatest.mp4和sagatwo.mp4链接。

弹出窗口/表达式:

Saga使用Mozilla的Popcorn.js来触发时间轴上的弹出窗口或表达式。您可以在这里阅读关于如何使用爆米花的文章( http://popcornjs.org/documentation ),或仅仅使用模板化表达式site.js文件(在var movieEvents下)。

目前,您可以在指定时间触发文字和图像以在视频上方显示。

跟踪您的视频:

当您登录到管理界面时,您可以跟踪历史记录部分中每个帖子的IP和时间。在那里,你会被告知什么时候发布什么,什么模板被使用。

克隆视频的实例:

一旦有人发布了您的媒体,您可以通过点击左侧的铅笔标志来更改该位置的嵌入。完成此操作后,新条目将显示在与服务器上可见的新文件夹(/ public / static下)相对应的专用散列。当您编辑此文件夹时,这些更改将显示在所需的位置。

上传新模板:

在管理部分,您可以导航到顶部的模板。这将列出当前托管在您的服务器上的所有模板,您可以通过单击右上角的新来上传新的模板。您将需要将您的模板压缩为.zip文件,以便其正确注册。

警告:当您压缩模板时,请选择所有文件夹(index.html,/ js等)并按照这种方式进行压缩。如果您压缩包含这些文件夹的文件夹,系统将最终返回错误。

==常见问题== TODO

===哪里可以获得更多的帮助? ===

请在Twitter上与我联系(@matdryhurst)。

== Screenshots ==

TODO

== Changelog ==

TODO

== Contributor ==

== Contributing ==

我们欢迎任何与Saga项目合作的人的贡献。 叉上项目,提交问题,以任何方式联系。




相关问题推荐