CUNY Academic Commons

Iframes are the easiest solution for displaying the content. You'd probably want an iframe with an "open in new window" link, since the iframe will be small. I'd need to create shortcodes for you, since raw iframe code is not permitted for non-admins.

Embeds require that the embed source remain available indefinitely, which may not be a good bet in either or both of these cases. If, in addition to display, you need to preserve or archive the sites, I'd suggest taking HTML snapshots of each site. http://www.httrack.com/ seems like a good tool. This may not successfully fetch content stored on YouTube, but it should get all other content.

If you decide to archive the sites, there's a further question as to whether it's best to show the archived site in the JITP iframe, or the original. You presumably do not have direct control over the originals, such that the owners could change them at any time. This may be good in some cases (fixing typos, etc) but could be bad in others (vandalism, content that is changed so that orignial critique is no longer relevant, etc). If you decide that you want the archived version to show in the JITP iframe, you'll need to transfer the static site snapshot to me, so that I can load it into the Commons.

If we decide to go with the iframe suggestion, it would probably be best to have a specific theme template file for showing the iframe. The external content will look best when it's wide, which suggests that you'll want a template without sidebars. This part is optional and totally up to you, of course.

Alternatively, it's probably possible to extract the plaintext content of one or both of the sites and import it into the Commons. But this will surely take at least some custom scripting, so is likely to require much more work than an iframe embed.

Let me know how you'd like to proceed. Assuming you go with iframes, I'll need to know how and from where the iframe source will be served before creating the shortcodes.

Boone-- we're in copyediting and staging now, and would like to move forward with some tests through the end of the week if you could help us.

We're now looking at three pieces that need special attention.

1. More than Assessment: What ePortfolios Make Possible for Students, Faculty, and Curricula, by Bartlett

This is a full html site. The directory needs to be loaded onto the Commons, and an iFrame needs to be created to embed it here: https://jitpstaging.commons.gc.cuny.edu/wp-admin/post.php?post=3755&action=edit

I've attached the penultimate draft of the submission -- it's still going through copyediting, but we would like to test the display sooner than later. Possible to post directory now, and swap in any edited files after copyediting? I've attached the full directory as a zip.

2. I Lit: An E-Poetry, E-Portfolio Exhibit, by Anderson and Shephard

This is an external Drupal site. Author has offered to help with transfer to our servers, but I think an iFrame embed from current server is preferable at least for the short term. Site is here: http://teachmix.com/ilit/. Staging post is here: https://jitpstaging.commons.gc.cuny.edu/wp-admin/post.php?post=3760&action=edit

I Lit is completed and ready to stage..

3. RePort_Bot: A Computational Approach to ePortfolios and Reflection, by Omizo

In this piece, we're looking to embed 3 interactive images from this page: http://rmomizo.github.io/RePort_Bot/report as full-column interactive images within the body of the text. At this point, we just need to know if it's possible to do so. The images are: h-Point for total pages http://ryan-omizo.com/ ('first', (13, 13)); ryan-omizo.com | h-point (u'writing', (2, 2)); and Research h-point (u'graph', (2, 2)).

Link to post on staging is here -- https://jitpstaging.commons.gc.cuny.edu/wp-admin/post.php?post=3753&action=edit -- though there's not yet text in it.

If it’s helpful, here’s the repo for the Report Bot: https://github.com/rmomizo/RePort_Bot

Please let us know if you need any other information, especially on that last one.

Thx,
Luke

More Than Assessment added in https://github.com/cuny-academic-commons/cac/commit/ffad865055a9b67e1de0bf8c376fad34aad86c31

Usage: [jitp-morethanassessment]. Accepts height and width params.

RePort_Bot shortcodes added in https://github.com/cuny-academic-commons/cac/commit/e451895e162bdfe40d04262dba60e14d9167e18f. This required wrapping the JS and handling dependencies in a specific way to account for multiple images appearing on a page. I believe it's working properly, but this'll need verification after the release later today.

Usage: [jitp-reportbot-first], [jitp-reportbot-writing], [jitp-reportbot-graph]

Embedding the I Lit project in an iframe is going to pose a problem due to browser security policies. http://teachmix.com/ilit/ doesn't have an SSL cert associated with it. So browsers will throw a fit and not display the content if viewing JITP over SSL. Four possible solutions:
1. Get an SSL cernt for teachmix.com. They are free from letsencrypt.
2. Get me a static dump of the Drupal site, which I'll host as HTML, using Commons certificates
3. Force this specific JITP page to be non-secure.
4. Live with the security warnings, and instruct visitors to manually add an exception to browser policies.

These are listed in order of my preference. An SSL cert for teachmix is definitely the best option, though I don't know who the domain belongs to. I'd consider 3 only as a last resort. Luke, do you have thoughts?

Thanks, gentlemen. 1.9.32 will include the [jitp-ilit] shortcode for your testing purposes. It's SSL-sensitive: if you use it on http://jitp..., it'll request the non-SSL version, which will work; if you use it on https://jitp..., it'll request the SSL version, which will not. If the certificate gets set up, then things will automatically fall into place on the JITP site. I'll leave this ticket open against the next milestone so that you can update me about any bugs or any movement on a static archive.

Agreed! Thanks, Boone!

I have a question about the iframe at http://jitpstaging.commons.gc.cuny.edu/more-than-assessment/. When we set the width to match our usual content column, the last navigation button within the frame (References) gets partially obscured by a div#embed, so that only half the button is clickable. (Screenshot attached.) Can either of you tell if that's coming from the shortcode or the original file? Is there an easy fix to z-index or something else that would preserve whatever function it's supposed to serve, but also leave the nav accessible? And if so, is it something we can/should do from our end?

Also, can I just confirm that we can't use responsive width (e.g. width=100%) with the shortcode? The theme of the source site is mobile-ready, but if we declare a fixed width on the iframe, the inner @media still thinks it's at 960px, even when the JITP site gets narrow. But if we're stuck, we're stuck.

I'll make the change in the next day or two.

The URL change is in place on jitpstaging - can you verify please?

Luke had written:

1. More than Assessment: What ePortfolios Make Possible for Students, Faculty, and Curricula, by Bartlett [...] Possible to post directory now, and swap in any edited files after copyediting? I've attached the full directory as a zip.

We've now got the files back from copyediting, relevant to this shortcode:

More Than Assessment added in https://github.com/cuny-academic-commons/cac/commit/ffad865055a9b67e1de0bf8c376fad34aad86c31

Usage: [jitp-morethanassessment]

The updated files are attached as a zip. Would you be able to swap these in, Boone?

Wow, thanks for catching that! It's on me: I apparently grabbed the wrong "Bartlett revised" zip, since I apparently have four stages of them in that directory. Please use this one instead.

My apologies to everyone listening.

Thanks, Ben.

These files have been updated in the 1.10.x branch https://github.com/cuny-academic-commons/cac/commit/3ca8e981b5d32f970f80c649d1a312deb4ca0013

It'll be part of the 1.10.1 release, coming shortly. For other issues, let's open a new ticket against a future milestone.