Forum Discussion

Alison-L's avatar
Alison-L
Community Member
9 years ago

Adobe Portfolio

[short-version] Anyone have good way of getting published samples into Adobe Portfolio? [/short-version] -- *IF* there even IS one?

I'm kinda surprised that when i did a search on Adobe Portfolio there weren't any (unless I'm missing something) posts about utilizing Adobe Portfolio ( https://www.myportfolio.com/ ) for a quicky way to show off eLearning samples. (Maybe it's because you CAN'T? )

While I already have a few published URLs (eg. mydomain.com/client/story.html) on my site, I need the ability to provide a little context/explanation as well! And then, because DevLearn '16 fast approaches, there's the TIME factor thrown in too. (Never mind the things that will get thrown at me if I tried using <iframe>s! ) 

And if NO... at least there is now be a thread FOR Adobe Portfolio, (and I can report back on my experience of it, for any would-be ePortfolio / online portfolio people).

 

  • JanetCC's avatar
    JanetCC
    Community Member

    I had the same issue. On my Adobe portfolio site, I included an image of my project and linked to the actual Storyline project which I hosted on my personal site.

    • BryanaBohl's avatar
      BryanaBohl
      Community Member

      Janet: can you link the images themselves? I couldn't figure out how to do that, but I'd like to know how you did it!

  • Here's a step-by-step guide:

    *Method 1: Embed Storyline HTML5 output*

    1. Publish your Storyline project as HTML5.
    2. Upload the published files to a web server or hosting platform (e.g., Amazon S3, Google Drive).
    3. Copy the URL of the index.html file.
    4. In Adobe Portfolio, create a new page or edit an existing one.
    5. Add an "Embed" block.
    6. Paste the URL into the embed code area.
    7. Adjust settings (e.g., width, height) as needed.

    *Method 2: Upload Storyline ZIP file*

    1. Publish your Storyline project as a ZIP file.
    2. In Adobe Portfolio, create a new page or edit an existing one.
    3. Add a "File" block.
    4. Upload the ZIP file.
    5. Adobe Portfolio will automatically extract and display the Storyline content.

    *Method 3: Link to Storyline course hosted elsewhere*

    1. Host your Storyline course on a Learning Management System (LMS) or platform (e.g., Articulate 360, Thinkific).
    2. Copy the course URL.
    3. In Adobe Portfolio, create a new page or edit an existing one.
    4. Add a "Link" block.
    5. Paste the URL into the link area.

    *Tips and Considerations*

    1. Ensure your Storyline course is optimized for mobile devices.
    2. Use Adobe Portfolio's responsive design features to adjust layout.
    3. Test your embedded course for compatibility and performance.
    4. Consider adding a description, images, or thumbnails to enhance the course listing.

    *Adobe Portfolio Requirements*

    1. Adobe Creative Cloud account
    2. Adobe Portfolio plan (included with Creative Cloud subscription)
    3. Storyline 3 or later (for HTML5 output)

    Will try to share my page once completed.

    • JanetCC's avatar
      JanetCC
      Community Member

      Thanks for posting these options, Jitendra! I didn't know you could upload a zip file directly into Adobe Portfolio. 

  • BryanaBohl's avatar
    BryanaBohl
    Community Member

    I really wish someone had answered your question Alison! I am running into the same roadblock. Did you get an answer elsewhere?

  • JanetCC's avatar
    JanetCC
    Community Member

    You'll need to use Adobe Portfolio's controls/settings. When you add an image to your page, you add an image link. For example, the link goes to a page on my personal site called  "http://mypersonalsite.com/nameofmyproject/story.html

    On my Adobe page, I let the user know that clicking on that example link will open a new window. This is an option you set in Adobe Portfolio when you add the link. 

    Hope that helps!