SlideShare a Scribd company logo
1 of 18
SMIRK: the evolution of an IL training package 
Marion Kelt, Senior Librarian, DDIL
In the beginning, there 
was SMILE… 
SMILE is a blended learning package 
which teaches information literacy and 
communication skills. 
It uses web pages and multimedia 
content. 
SMILE was originally created as a 
JISC (Joint Information Services 
Committee) project. 
We have updated and customised it.
The problem with SMILE 
• New content did not fit easily into existing structure 
• Not totally mobile friendly, OK on a tablet but very bad 
on a smartphone due to menu construction and 
placing. 
• Blackboard user stats inadequate 
• Blackboard login offputting for users 
• Temporary fix – add set of deep links into individual 
modules in VLE (over 100!)
The way forward? 
The choices: 
• Either develop a new version of SMILE using HTML5, 
which involved rewriting all the templates and menus 
using Dreamweaver. 
• Move SMILE onto our T4 CMS using new mobile 
friendly templates. Summer project to upgrade library 
web site - potential delays…. 
• Scrap the lot and start fresh! 
• Look for other development options.
Jquery mobile 
• Available as part of Dreamweaver 6 
• Designed for small mobile sites with under ten pages 
• Comes with a few standard style sheets, but you can 
create your own. 
• Not much help available in the standard package, but 
I recommend the Youtube videos! They are great!
The issues 
• Further rewrite content to cut down “wordiness” 
• Shrink or remove illustrations 
• Cut large units into small, bite sized chunks 
• Figure out a way to use a template designed for very 
small websites to accommodate a monster
Nesting
Enter SMIRK 
• So, after successfully building a site structure. Our 
package needed a name. 
• I decided on SMIRK (the wee mobile Smile!) 
• We needed an acronym, so: 
• Small Mobile Infolit Realworld Knowledge!
SMIRK main menu
SMIRK content
The problem with SMIRK …. 
You can’t properly test a mobile site on your PC, so we 
made it live and asked library staff to have a go. 
Feedback: 
• Standard “back and forth” navigation is frustrating in a 
larger mobile site 
• No automatic resizing to suit mobile device type (never 
assume!) 
Gloom!
User community to the rescue! 
As well as asking library staff for feedback, I had asked 
some of the wider user groups, such as LIS-InfoLit, LIS-CoPilot, 
and ALT-C 
One of my fellow learning technologists came to my 
rescue with a great line of code! Resizing problem 
solved! 
Back to work…
Enter SMIRK 2 … 
Revised version of SMIRK including: 
• Additional navigation in the form of back and forward 
arrows at the foot of each screen 
• Jumps to next unit start pages and back to main menu 
• Automatic resizing for different mobile devices 
SMIRK 2 announced to user and internal GCU 
community 
• So far a total 3,717 views
Mobile device use 
Apple iPad 
Apple iPhone 
Samsung GT-P3100 Galaxy Tab 2 7.0 
(not set) 
Google Nexus 7 
Google Nexus 4 
HTC M7 One 
Microsoft Windows RT Tablet 
Samsung GT-I9300 Galaxy S III 
Apple iPod
GCU use 
• Established SMILE users have been given a set of 
SMIRK links in their modules. 
• SMIRK will be promoted to students once trimester 1 
is underway 
• User feedback will be gathered from students and staff
What next? 
GCU staff and students need a quick source of applied 
copyright information. 
I am also the copyright advisor, so next stop, SMIRK 
answers your copyright questions! 
SMIRK is an open access resource, so why not try it at: 
http://www.gcu.ac.uk/library/SMIRK/Start.html 
If you like it, use it free! 
SMIRK will be made available as an OER on Jorum.
SMIRK – the next chapter 
SMIRK on T4 to take advantage of the increased mobile 
functionality. Will incorporate better menus and GCU 
branding. 
Open access site as part of our main mobile library site. 
Custom menus also on offer to suit different courses and 
levels.
Contact me for more information! m.kelt@gcu.ac.uk 
http://www.gcu.ac.uk/library/SMILE/SMIRK/Start.html

More Related Content

Similar to SMIRK presentation from ECIL2014

SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...
SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...
SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...Marion Kelt
 
10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindset10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindsetMiika Puputti
 
Image Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOSImage Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOSOge Marques
 
Connecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and BeyondConnecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and BeyondDon Day
 
Neil Perlin - We're Going Mobile! Great! Are We Ready?
Neil Perlin - We're Going Mobile! Great! Are We Ready?Neil Perlin - We're Going Mobile! Great! Are We Ready?
Neil Perlin - We're Going Mobile! Great! Are We Ready?LavaConConference
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURTerminalfour
 
Mobile for the_people
Mobile for the_peopleMobile for the_people
Mobile for the_peopleBert Coenen
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldKineo
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile FirstPrecedent
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile FirstPrecedent
 
You Don't Need IT To Do That - The World of Outsourcing and SaaS
You Don't Need IT To Do That - The World of Outsourcing and SaaSYou Don't Need IT To Do That - The World of Outsourcing and SaaS
You Don't Need IT To Do That - The World of Outsourcing and SaaSKyle James
 
8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ ElgarFOMS011
 
8. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgarFOMS011
 
Tech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction developmentTech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction developmentWestern Illinois University
 
TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011Judy Brown
 
Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Chris Wilson
 

Similar to SMIRK presentation from ECIL2014 (20)

SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...
SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...
SMIRK, developing a mobile SMILE - presentation to IFLA Information Literacy ...
 
Friday hacks Talk
Friday hacks TalkFriday hacks Talk
Friday hacks Talk
 
10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindset10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindset
 
Image Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOSImage Processing and Computer Vision in iOS
Image Processing and Computer Vision in iOS
 
Connecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and BeyondConnecting Intelligent Content with Micropublishing and Beyond
Connecting Intelligent Content with Micropublishing and Beyond
 
Neil Perlin - We're Going Mobile! Great! Are We Ready?
Neil Perlin - We're Going Mobile! Great! Are We Ready?Neil Perlin - We're Going Mobile! Great! Are We Ready?
Neil Perlin - We're Going Mobile! Great! Are We Ready?
 
Learningbloks
LearningbloksLearningbloks
Learningbloks
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOUR
 
Mobile for the_people
Mobile for the_peopleMobile for the_people
Mobile for the_people
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device world
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
 
You Don't Need IT To Do That - The World of Outsourcing and SaaS
You Don't Need IT To Do That - The World of Outsourcing and SaaSYou Don't Need IT To Do That - The World of Outsourcing and SaaS
You Don't Need IT To Do That - The World of Outsourcing and SaaS
 
8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar8. FOMS_ Betapond_ Peter_ Elgar
8. FOMS_ Betapond_ Peter_ Elgar
 
8. beta pond peter_elgar
8. beta pond  peter_elgar8. beta pond  peter_elgar
8. beta pond peter_elgar
 
Tech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction developmentTech Fest 2012-Evolving video Instruction development
Tech Fest 2012-Evolving video Instruction development
 
TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011TIP Project Vendor Solutions - June 21, 2011
TIP Project Vendor Solutions - June 21, 2011
 
321 alexander kimmobilestrategy
321 alexander kimmobilestrategy321 alexander kimmobilestrategy
321 alexander kimmobilestrategy
 
Pitch
PitchPitch
Pitch
 
Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)
 

Recently uploaded

Planning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxPlanning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxLigayaBacuel1
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........LeaCamillePacle
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxsqpmdrvczh
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 

Recently uploaded (20)

Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Planning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptxPlanning a health career 4th Quarter.pptx
Planning a health career 4th Quarter.pptx
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptx
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 

SMIRK presentation from ECIL2014

  • 1. SMIRK: the evolution of an IL training package Marion Kelt, Senior Librarian, DDIL
  • 2. In the beginning, there was SMILE… SMILE is a blended learning package which teaches information literacy and communication skills. It uses web pages and multimedia content. SMILE was originally created as a JISC (Joint Information Services Committee) project. We have updated and customised it.
  • 3. The problem with SMILE • New content did not fit easily into existing structure • Not totally mobile friendly, OK on a tablet but very bad on a smartphone due to menu construction and placing. • Blackboard user stats inadequate • Blackboard login offputting for users • Temporary fix – add set of deep links into individual modules in VLE (over 100!)
  • 4. The way forward? The choices: • Either develop a new version of SMILE using HTML5, which involved rewriting all the templates and menus using Dreamweaver. • Move SMILE onto our T4 CMS using new mobile friendly templates. Summer project to upgrade library web site - potential delays…. • Scrap the lot and start fresh! • Look for other development options.
  • 5. Jquery mobile • Available as part of Dreamweaver 6 • Designed for small mobile sites with under ten pages • Comes with a few standard style sheets, but you can create your own. • Not much help available in the standard package, but I recommend the Youtube videos! They are great!
  • 6. The issues • Further rewrite content to cut down “wordiness” • Shrink or remove illustrations • Cut large units into small, bite sized chunks • Figure out a way to use a template designed for very small websites to accommodate a monster
  • 8. Enter SMIRK • So, after successfully building a site structure. Our package needed a name. • I decided on SMIRK (the wee mobile Smile!) • We needed an acronym, so: • Small Mobile Infolit Realworld Knowledge!
  • 11. The problem with SMIRK …. You can’t properly test a mobile site on your PC, so we made it live and asked library staff to have a go. Feedback: • Standard “back and forth” navigation is frustrating in a larger mobile site • No automatic resizing to suit mobile device type (never assume!) Gloom!
  • 12. User community to the rescue! As well as asking library staff for feedback, I had asked some of the wider user groups, such as LIS-InfoLit, LIS-CoPilot, and ALT-C One of my fellow learning technologists came to my rescue with a great line of code! Resizing problem solved! Back to work…
  • 13. Enter SMIRK 2 … Revised version of SMIRK including: • Additional navigation in the form of back and forward arrows at the foot of each screen • Jumps to next unit start pages and back to main menu • Automatic resizing for different mobile devices SMIRK 2 announced to user and internal GCU community • So far a total 3,717 views
  • 14. Mobile device use Apple iPad Apple iPhone Samsung GT-P3100 Galaxy Tab 2 7.0 (not set) Google Nexus 7 Google Nexus 4 HTC M7 One Microsoft Windows RT Tablet Samsung GT-I9300 Galaxy S III Apple iPod
  • 15. GCU use • Established SMILE users have been given a set of SMIRK links in their modules. • SMIRK will be promoted to students once trimester 1 is underway • User feedback will be gathered from students and staff
  • 16. What next? GCU staff and students need a quick source of applied copyright information. I am also the copyright advisor, so next stop, SMIRK answers your copyright questions! SMIRK is an open access resource, so why not try it at: http://www.gcu.ac.uk/library/SMIRK/Start.html If you like it, use it free! SMIRK will be made available as an OER on Jorum.
  • 17. SMIRK – the next chapter SMIRK on T4 to take advantage of the increased mobile functionality. Will incorporate better menus and GCU branding. Open access site as part of our main mobile library site. Custom menus also on offer to suit different courses and levels.
  • 18. Contact me for more information! m.kelt@gcu.ac.uk http://www.gcu.ac.uk/library/SMILE/SMIRK/Start.html

Editor's Notes

  1. SMILE is a blended learning package which teaches information literacy and communication skills. It uses web pages and multimedia content. It is useful in supporting international students and dealing with time differences. SMILE was originally created as a JISC project by Imperial College, Loughborough and Worcester Universities. We have updated and customised it.