MOO API Engineering Course

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    3 Favorites

    MOO API Engineering Course - Presentation Transcript

    1. MOO API
    2. (cc) http://www.flickr.com/photos/laughingsquid WHO, MOO?
    3. MOO CERTIFIED API ENGINEERING COURSE • course length: 4.25 minutes
    4. 1. write-only API is for MOO Pack creation 2. Allow 100% flexibility in text and image layout on a pack of cards (eventually) 3. But make simple templates the default (now) 4. Be as easy to use as the Flickr API (or nearly so) 5. Provide decent preview tools for developers 6. Share revenue with API keyholders (after 1.0) (UN)DESIGN GOALS
    5. 1.Register for an API key 2.POST XML document to moo.com/api/api.php 3.Redirect users to MOO for checkout 4. Can specify return_path to bring user back to your site at the end HOW MOO WORKS
    6. REGISTRATION http://www.moo.com/api need to register as a MOO user then get key. HOW, MOO?
    7. 1 <?xml version=\"1.0\" encoding=\"UTF-8\"?> 2 <moo xsi:noNamespaceSchemaLocation=\"http://www.moo.com/xsd/api_0.6.xsd\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"> 3 <request> <version>0.6</version> 4 <api_key> 88888888-4444-88888888-88888888-4444</api_key> 5 <call>build</call> 6 </request> STEP 2: Boilerplate crap
    8. 1 <?xml version=\"1.0\" encoding=\"UTF-8\"?> 2 <moo xsi:noNamespaceSchemaLocation=\"http://www.moo.com/xsd/api_0.6.xsd\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"> 3 <request> <version>0.6</version> 4 <api_key> 88888888-4444-88888888-88888888-4444</api_key> 5 <call>build</call> 6 </request> 7 8 <payload> <chooser> 9 <product_type>minicard</product_type> 10 <images> 11 <url>http://whitelabel.org/barcamplondon5.png</url> 12 </images> 13 </chooser> </payload> </moo> STEP 2: Payload
    9. STEP 3: Redirect user to MOO checkout
    10. 1.Simplest format: drop upto 200 images, user chooses from within those. 2. Preselected images 3. Preselected images with specified crop, zoom data 4. Variable text, text colours, bold, etc Details: images
    11. Bleed * minicard - 6% * notecard - 3% * sticker - 4% • We have to cut the cards * postcard - 2% • Stay out of the green area! * greetingcard - 2% WIN ! FAIL FAIL Details: Bleed
    12. 1 <crop> <manual> 2 <x>161</x> 3 <y>203</y> 4 <width>572</width> 5 <height>572</height> 6 </manual> </crop> 1.You can specify the exact crop on an image 2. Will be stretched to fit the aspect ratio of the cards Details: Cropping
    13. • Will reject images under 300px by 300px • going to refine and revise this -should be variable by product • and allow override • no buddy icon support on minicards yet • GIF, JPEG and PNG Restrictions and gotchas
    14. • can specify all text fields on all cards individually • 3 fonts (serif, sans serif, fixed) • bold • alignment (depending on product) • fully variable colour per text line • 600 different colours in a 100 pack of minicards • avoid pale colors for text lines, especially yellows Details: text
    15. 10 <product> 11 <product_type>minicard</product_type> 12 <designs> 13 <design> 14 <image> 15 <url> http://whitelabel.com/barcamplondon5.jpg </url> 16 <type>variable</type> 17 <crop> 18 <auto>true</auto> 19 </crop> 20 </image> 21 <text_collection> 22 <minicard> 23 <text_line> 24 <id>1</id> 25 <string>This is line 1</string> 26 <bold>true</bold> 27 <align>left</align> 28 <font>modern</font> 29 <colour>#ff0000</colour> 30 </text_line> Examples: variable text
    16. Examples: variable text
    17. • http://www.moo.com/api/validator.php • validates XML document • feedback • generates pdf preview Development and Testing
    18. • Dan Coulter’s MOO-Builder library for PHP • http://dancoulter.com/projects/moo-builder/ • supports all features of the API • totally easy to use. http://dancoulter.com/projects/moo- builder/
    19. http://dancoulter.com/projects/moo- builder/
    20. http://dancoulter.com/projects/moo- builder/
    21. • http://search.cpan.org/dist/Net-Moo/ • (Aaron Straup from flickr) Perl
    22. • Ruminant 0.9.5: http://gems.github.com/list.html (James Darling) 1 require 'moo' 2 moo = Moo::Order.new :api_key => \"blahblahblah\" 3 card = Moo::MiniCard.new 4 card.url = \"http://whitelabel.org/barcamplondon5.jpg\" 5 card.text = \"I like tatoos\\n Oh yes I do\" 6 moo.designs << card 7 moo.to_xml Ruby
    23. http://www.memespring.co.uk/stickers/
    24. http://www.tagmore.com/moo/
    25. http://www.moolulu.com
    26. http://www.theyworkforyou.com
    27. http://www.theyworkforyou.com
    28. foolish live demos
    29. foolish live demos
    30. + foolish live demos
    31. + foolish live demos
    32. + = foolish live demos
    33. + = foolish live demos
    34. • 15% Revenue Share to API key holders (we will pay retroactively!) • Business cards • Fully variable text and imaging positioning Coming soon
    35. • Best API hacks this weekend • Grand Prize: Flip.video • post it online and email stefan@moo.com • the most complex (dynamic text, other API integration) • Openstreetmap integration? • Warcraft guild cards? • some image/metadata thingamy Competition
    36. Questions?
    37. © Adam 'Apelad' Koford http://www.moo.com/designs/designers/adamkoford/ stef@moo.com http://www.moo.com/api

    + Stefan MagdalinskiStefan Magdalinski, 9 months ago

    custom

    2443 views, 3 favs, 4 embeds more stats

    slides from a talk I gave on 27th September 2008 at more

    More Info

    © All Rights Reserved

    Go to text version
    • Total Views 2443
      • 2424 on SlideShare
      • 19 from embeds
    • Comments 0
    • Favorites 3
    • Downloads 46
    Most viewed embeds
    • 13 views on http://sleepyblogger.com
    • 3 views on http://areadetestes2.blogspot.com
    • 2 views on http://oscactiva.blogspot.com
    • 1 views on http://localhost

    more

    All embeds
    • 13 views on http://sleepyblogger.com
    • 3 views on http://areadetestes2.blogspot.com
    • 2 views on http://oscactiva.blogspot.com
    • 1 views on http://localhost

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as innappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel

    Categories