|
| 1 | +<script src="https://cdnjs.cloudflare.com/ajax/libs/jstimezonedetect/1.0.7/jstz.min.js" integrity="sha512-pZ0i46J1zsMwPd2NQZ4IaL427jXE2RVHMk3uv/wPTNlBVp9AbB1L65/4YdrXRPLEmyZCkY9qYOOsQp44V4orHg==" crossorigin="anonymous"></script> |
| 2 | +<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.3/dayjs.min.js" integrity="sha512-u7elBfdMr+7LhU4rvUk3IM28QZDKTyUxba4Nx2IJ1W9cj4shfRSPq7EZXD2ULD9cBoizw2FQyeR6YBog6LcnHg==" crossorigin="anonymous"></script> |
| 3 | +<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.3/plugin/utc.min.js" integrity="sha512-+lztPB4upMyG9pLdOWl8MFsBhXM1V9vFTDhXV3/4VSdoqpR5RfA2bNdrl8n0F9HmbzFkNqmOBdZw580qfRU01Q==" crossorigin="anonymous"></script> |
| 4 | +<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.3/plugin/timezone.min.js" integrity="sha512-3QnyXIdU85C6rOXhHzVsXinI5/qM/LniMr5actNRUwyp1Tuurw7rOn7fX7WWoNyZuM7KlQxITGQI4ITCgXKGQA==" crossorigin="anonymous"></script> |
| 5 | +<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.3/plugin/advancedFormat.min.js" integrity="sha512-bvTLx3e7Wk8qIAqr7O/vbk8IT2h+tFr1udHdJGzX6xMGtruTSCBctN0IGGjozmwap+l1A3zIz5KZUXI9IiBS3Q==" crossorigin="anonymous"></script> |
| 6 | +<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.9.3/plugin/localizedFormat.min.js" integrity="sha512-85aup/PuxBbkUL6yEpshXfwrOWNt7rvFzFrfvYgnrBBQK2r1FEyqD+5qGVNPWSm8xxafm3mhBOvd975HBSaXNA==" crossorigin="anonymous"></script> |
| 7 | + |
| 8 | +# Introduction |
| 9 | + |
| 10 | +Thank you for registering for the [IIIF Online Workshop](https://www.eventbrite.com/e/june-2026-iiif-online-training-5-day-course-tickets-1825949497099) between June 22nd to June 26th. This course is an adapted version of an in person workshop and it is the 7th time we have run it online. |
| 11 | + |
| 12 | +We are keen to adapt many of the techniques that have worked in person to create an inclusive, productive online version of the workshop. Running an online version does have its complications and one of these is differing timezones and we have participants from many different locations. We appreciate during this time attending all of the sessions will be difficult and so only the [first](day-one/README.md) and [last](day-five/README.md) sessions are **mandatory** to attend live. |
| 13 | + |
| 14 | +The course will follow this GitBook and will be a mix of pre-recorded sessions and live presentations. This GitBook contains embedded videos and also exercises to follow. There are drop in sessions on Tuesday, Wednesday and Thursday and these are meant for the group to get together to discuss any issues or get questions answered. Live sessions will be recorded and sent to the group over email. |
| 15 | + |
| 16 | +## Sessions |
| 17 | + |
| 18 | +The following sessions will set hands on work for participants to complete and participants are expected to participate in the meeting or watch recordings for these core sessions. |
| 19 | + |
| 20 | +<h3>**IIIF Basics** - <span id="day1"></span></h3> |
| 21 | +__Meeting:__ Introductions and course overview zoom call at <b><span id="intro"></span></b> |
| 22 | + |
| 23 | +Tasks to be completed __after__ the call: |
| 24 | + * [Image API](day-two/) - video 1 hour |
| 25 | + * Image API tasks in [Workshop notes](day-two/image-servers/) |
| 26 | + |
| 27 | +<h3>**IIIF Image API** - <span id="day2"></span></h3> |
| 28 | +__Meeting:__ Group check in meeting at <b><span id="image"></span></b> |
| 29 | + |
| 30 | +Tasks to be completed __before__ the meeting: |
| 31 | + * [Image API](day-two/) - video 1 hour |
| 32 | + * Image API tasks in [Workshop notes](day-two/image-servers/) |
| 33 | + |
| 34 | +Minimum progress: |
| 35 | + * Complete the [Hosted - Internet Archive](day-two/image-servers/iiif-hosting-ia.html) option |
| 36 | + |
| 37 | + |
| 38 | +<h3>**Presentation API** - <span id="day3"></span></h3> |
| 39 | +__Meeting:__ Group check in meeting at <b><span id="presentation"></span></b> |
| 40 | + |
| 41 | +Tasks to be completed __before__ the meeting: |
| 42 | + * [Presentation API brief intro](day-three/) - video 10 mins |
| 43 | + * [Presentation API hands on](day-three/) - video 1 hour |
| 44 | + * Follow Presentation API tasks in [Workshop notes](day-three/workbench/) |
| 45 | + |
| 46 | +Minimum progress: |
| 47 | + * Create a Manifest using the Bodleian manifest editor that we can use in the Annotations session |
| 48 | + |
| 49 | + |
| 50 | +<h3>**Annotations** - <span id="day4"></span></h3> |
| 51 | +__Meeting:__ Group check in meeting at <b><span id="annotations"></span></b> |
| 52 | + |
| 53 | +Tasks to be completed __before__ the meeting: |
| 54 | + * [IIIF and Annotations](day-four/) - video 1 hour |
| 55 | + * Follow Annotations task in [Workshop notes](day-four/annotations-and-annotation-lists.html) |
| 56 | + |
| 57 | + |
| 58 | +<h3>**Project demos** - <span id="day5"></span></h3> |
| 59 | +__Meeting:__ Project demos and closing meeting at <b><span id="demos"></span></b> |
| 60 | + |
| 61 | +Tasks to be completed __before__ the meeting: |
| 62 | + * Work on projects and presentation |
| 63 | + |
| 64 | +## Calendar |
| 65 | +There is also a course Google calendar available which you can subscribe to: |
| 66 | +<div id="calendar-container"></div> |
| 67 | + |
| 68 | +<script type="text/javascript"> |
| 69 | + var timezone = jstz.determine(); |
| 70 | + console.log('Name is ' + timezone.name()); |
| 71 | + var pref = '<iframe src="https://calendar.google.com/calendar/embed?src=clir.org_chugpdurgjm9njridh8uq676n0%40group.calendar.google.com&mode=WEEK&title=IIIF%20Online%20Workshop&dates=20260622/20260626&showTabs=0&ctz='; |
| 72 | + var suff = '" style="border: 0" width="100%" height="300" frameborder="0" scrolling="no"></iframe>'; |
| 73 | + var iframe_html = pref + timezone.name() + suff; |
| 74 | + document.getElementById('calendar-container').innerHTML = iframe_html; |
| 75 | +</script> |
| 76 | + |
| 77 | +You can also download a <a href="ics/June2026.ics">ICS version</a>. |
| 78 | + |
| 79 | +## Project Work |
| 80 | +One of the most useful features of previous workshops have been where participants work on a project during the week which they can demo on the [last day](day-five/README.md). We are hoping to re-create this and we encourage participants to bring their own images and project ideas to the workshop. We will discuss them in the [first meeting](day-one/README.md) and will provide support during the workshop to produce a demonstration. Participants will be able to book time with a tutor for one on one advice and can also get help from others using a shared Slack channel. |
| 81 | + |
| 82 | +## Install Requirements |
| 83 | +All sessions will use [Zoom](https://zoom.us/) and participants are encouraged to join the [IIIF Slack](http://bit.ly/iiif-slack) where a special channel will be created for workshop participants. |
| 84 | + |
| 85 | +<!-- |
| 86 | +## Participants locations |
| 87 | +We are delighted to welcome such a diverse group to the course and we have participants from the following locations: |
| 88 | +
|
| 89 | +<iframe src="https://www.google.com/maps/d/embed?mid=1j--i2UhaLo36zmLmlPhyOx11B8l01Mo&ehbc=2E312F" width="640" height="480"></iframe> |
| 90 | +
|
| 91 | +I look forward to working with you and if you have any questions please don’t hesitate to get in contact. |
| 92 | +--> |
| 93 | + |
| 94 | +[Glen Robson ](mailto:[email protected])< br/> |
| 95 | +IIIF Technical Coordinator<br/> |
| 96 | +International Image Interoperability Framework (IIIF) Consortium<br/> |
| 97 | +http://iiif.io<br/> |
| 98 | + |
| 99 | +<script type="text/javascript"> |
| 100 | + console.log('Working out times '); |
| 101 | + dayjs.extend(dayjs_plugin_utc) |
| 102 | + dayjs.extend(dayjs_plugin_timezone) |
| 103 | + dayjs.extend(dayjs_plugin_advancedFormat) |
| 104 | + var timezone = jstz.determine(); |
| 105 | + function setTime(time, section) { |
| 106 | + console.log("Setting time in " + section); |
| 107 | + var local = time.tz(timezone.name()); |
| 108 | + |
| 109 | + var span = document.getElementById(section); |
| 110 | + span.innerHTML = local.format("h:mma z") |
| 111 | + } |
| 112 | + function setDay(time, section) { |
| 113 | + console.log("Setting time in " + section); |
| 114 | + var local = time.tz(timezone.name()); |
| 115 | + |
| 116 | + var span = document.getElementById(section); |
| 117 | + span.innerHTML = local.format("dddd, MMMM D") |
| 118 | + if (local.format("D").endsWith("0")) { |
| 119 | + span.innerHTML += "th"; |
| 120 | + } else if (local.format("D").endsWith("1") && !(local.format("D").endsWith("11"))) { |
| 121 | + span.innerHTML += "st"; |
| 122 | + } else if (local.format("D").endsWith("2") && !(local.format("D").endsWith("12"))) { |
| 123 | + span.innerHTML += "nd"; |
| 124 | + } else if (local.format("D").endsWith("3") && !(local.format("D").endsWith("13"))) { |
| 125 | + span.innerHTML += "rd"; |
| 126 | + } else { |
| 127 | + span.innerHTML += "th"; |
| 128 | + } |
| 129 | + } |
| 130 | + function setDates(time, day, timeId) { |
| 131 | + setDay(time,day); |
| 132 | + setTime(time,timeId); |
| 133 | + |
| 134 | + } |
| 135 | + |
| 136 | + |
| 137 | + setDates(dayjs.tz("2026-06-22 14:00", "Europe/London"),"day1", "intro"); |
| 138 | + setDates(dayjs.tz("2026-06-23 14:00", "Europe/London"),"day2", "image"); |
| 139 | + setDates(dayjs.tz("2026-06-24 14:00", "Europe/London"),"day3", "presentation"); |
| 140 | + setDates(dayjs.tz("2026-06-25 14:00", "Europe/London"),"day4", "annotations"); |
| 141 | + setDates(dayjs.tz("2026-06-26 14:00", "Europe/London"),"day5", "demos"); |
| 142 | + |
| 143 | +</script> |
| 144 | + |
0 commit comments