Connected! How we Integrated our Collections in WordPress using the EMu API   Paul Trafford [email_address] October 2011 0...
The promise 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15
The problem 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15 www.mhs.ox.ac.uk emu.mhs.ox.ac.uk
Outline of a Solution <ul><li>Install WordPress CMS </li></ul><ul><li>Customise MHS Theme </li></ul><ul><li>Copy over, twe...
Connected! 1/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15
Connected! 2/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15 WordPress integration of related resources
Connected! 3/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15 Same interface as before.  This actually searches across man...
Connected! 4/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15 Hyperlinks to record details Image thumbnail  links to full ...
Connected! 5/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15 Hyperlinks allowing onward navigation
Connected! 6/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide  /15 Searched creation place field for  Nuremberg
User Benefits <ul><li>Consistent look and feel </li></ul><ul><li>Closer Integration </li></ul><ul><li>Better navigation be...
System Development Benefits <ul><li>One fewer web servers to maintain </li></ul><ul><li>Code all in one place </li></ul><u...
Caveats <ul><li>Low-level API means quite a lot of coding </li></ul><ul><li>Uses a copy of the PHP API bundle in a WordPre...
WordPress: Search Interface <ul><li>Standard HTML form specified by: <form action=&quot;results-list/&quot; method=&quot;g...
WordPress: Results Page <ul><li>- results as a list view  [print_emusearch_results] </li></ul><ul><li>- display of object ...
EMu use within WordPress 1/3 <ul><li>EMu functions Include EMu config and query class files: <?php   require_once( TEMPLAT...
EMu use within WordPress 2/3 <ul><li>Build the query (as per documentation), e.g. <?php   $query1 = new EMuQuery();  $quer...
EMu use within WordPress 3/3 <ul><li>MHS developed a (cheeky?) watermarking solution within WP. </li></ul><ul><li>Modifica...
Limitations <ul><li>Not much documentation (and it’s not very visible) </li></ul><ul><li>Use of Texxmlserver means it has ...
Conclusions <ul><li>WordPress integration is fine </li></ul><ul><li>Implementation complete, but took some effort </li></u...
Any Questions? <ul><li>Paul Trafford </li></ul><ul><li>Web Officer </li></ul><ul><li>Museum of the History of Science </li...
Upcoming SlideShare
Loading in …5
×

KE User Group 2011 showcase: WordPress integration

4,206 views

Published on

Slides accompanying a demonstration of the Web site of the Museum of the History of Science (Oxford) at the 2011 Global EMu User Group meeting. It features the integration of the EMu collections management software in a WordPress theme.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,206
On SlideShare
0
From Embeds
0
Number of Embeds
220
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

KE User Group 2011 showcase: WordPress integration

  1. 1. Connected! How we Integrated our Collections in WordPress using the EMu API Paul Trafford [email_address] October 2011 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  2. 2. The promise 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  3. 3. The problem 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 www.mhs.ox.ac.uk emu.mhs.ox.ac.uk
  4. 4. Outline of a Solution <ul><li>Install WordPress CMS </li></ul><ul><li>Customise MHS Theme </li></ul><ul><li>Copy over, tweak, configure EMu PHP API </li></ul><ul><li>Extend theme by developing library of EMU-specific functions. </li></ul><ul><li>Reference in WP pages via shortcodes. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  5. 5. Connected! 1/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  6. 6. Connected! 2/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 WordPress integration of related resources
  7. 7. Connected! 3/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 Same interface as before. This actually searches across many fields (which we could allow user to define). Same search options as before
  8. 8. Connected! 4/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 Hyperlinks to record details Image thumbnail links to full size images Combined List and Thumbnail views
  9. 9. Connected! 5/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 Hyperlinks allowing onward navigation
  10. 10. Connected! 6/6 05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 Searched creation place field for Nuremberg
  11. 11. User Benefits <ul><li>Consistent look and feel </li></ul><ul><li>Closer Integration </li></ul><ul><li>Better navigation between objects and exhibits </li></ul><ul><li>Staff access to internal details (via WordPress login). E.g. display of images without watermarks. </li></ul><ul><li>Staff updates/edits possible of EMu-related information pages. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  12. 12. System Development Benefits <ul><li>One fewer web servers to maintain </li></ul><ul><li>Code all in one place </li></ul><ul><li>Great flexibility in developing collections functionality and also in styling output. </li></ul><ul><li>Allows EMu data to be released according to WordPress sessions. </li></ul><ul><li>Encourages cross-linking to/from e.g. exhibition sites. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  13. 13. Caveats <ul><li>Low-level API means quite a lot of coding </li></ul><ul><li>Uses a copy of the PHP API bundle in a WordPress directory -> manual updates </li></ul><ul><li>Some sorting queries appear inefficient (as at 4.0.01) </li></ul><ul><li>Name spaces: rename the EMu Query class and Fetch() method. </li></ul><ul><li>Dependence: if WordPress is inaccessible then so is the catalogue. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  14. 14. WordPress: Search Interface <ul><li>Standard HTML form specified by: <form action=&quot;results-list/&quot; method=&quot;get&quot;> ... </li></ul><ul><li>Indicate query type: </li></ul><ul><li><input name=&quot;QueryName&quot; type=&quot;hidden&quot; value=&quot; BasicQuery &quot; /> </li></ul><ul><li>Other options: </li></ul><ul><li><input class=&quot;WebInput&quot; name=&quot;ImagesOnly&quot; type=&quot;checkbox&quot; value=&quot;true&quot; /> </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 One search page for basic , field, advanced search. E.g.
  15. 15. WordPress: Results Page <ul><li>- results as a list view [print_emusearch_results] </li></ul><ul><li>- display of object records [print_emudisplay_page] </li></ul><ul><li>- narratives display [print_emunarrative] </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15 A small set of pages, with the display of results data invoked via WordPress shortcodes:
  16. 16. EMu use within WordPress 1/3 <ul><li>EMu functions Include EMu config and query class files: <?php require_once( TEMPLATEPATH. '/emuphp5/config.php' ); require_once( TEMPLATEPATH. '/emuphp5/query.php' ); </li></ul><ul><li>... </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  17. 17. EMu use within WordPress 2/3 <ul><li>Build the query (as per documentation), e.g. <?php $query1 = new EMuQuery(); $query1->Table=&quot;ecatalogue&quot;; ... </li></ul><ul><li>// save resources by specifying the return of only what we need $query1->StartRec=$list_start; $query1->EndRec=$list_start+$list_size; </li></ul><ul><li>// build up the query term and then execute it: $queryterm=&quot;(TitMainTitle contains '~$query')&quot;; … $query1->TexqlTerm($queryterm); $results=$query1->EMuFetch(); </li></ul><ul><li>// proceed to process results in $results. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  18. 18. EMu use within WordPress 3/3 <ul><li>MHS developed a (cheeky?) watermarking solution within WP. </li></ul><ul><li>Modification of supplied query.php (for security) </li></ul><ul><li>Uses GD library, doesn’t require ImageMagick </li></ul><ul><li>Includes session info (via wp-blog-header.php) </li></ul><ul><li>Modifies Show() function to display watermark depending upon image size and session state. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  19. 19. Limitations <ul><li>Not much documentation (and it’s not very visible) </li></ul><ul><li>Use of Texxmlserver means it has no understanding of EMu … </li></ul><ul><li>Authorisation (as defined in EMu registration) has to be implemented some other way … </li></ul><ul><li>For a small organisation like MHS, roles in WordPress may suffice </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  20. 20. Conclusions <ul><li>WordPress integration is fine </li></ul><ul><li>Implementation complete, but took some effort </li></ul><ul><li>Expect to develop further functionality, particularly 2-way linking to/from existing Exhibition sites </li></ul><ul><li>Will seek to go beyond just object records </li></ul><ul><li>However, IMu offers a far more advanced (and supported) option – in Web services and APIs. </li></ul><ul><li>Will investigate IMu concurrently. </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15
  21. 21. Any Questions? <ul><li>Paul Trafford </li></ul><ul><li>Web Officer </li></ul><ul><li>Museum of the History of Science </li></ul><ul><li>Oxford OX2 8DD, UK </li></ul><ul><li>[email_address] </li></ul>05/10/2011 http://www.mhs.ox.ac.uk/ Slide /15

×