itpage ldc 09 presentation
DESCRIPTION
Presentation on itPage, an open-source content management system (CMS) for the Lasso Professional language. Presenter is Eric Landmann of Iterate LLC, Madison, WI, given at the Lasso Developer's Conference, Oct. 1-4, 2009, Amsterdam.TRANSCRIPT
![Page 2: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/2.jpg)
Peyjas in “page of a book”
Itas in “What is it?”
![Page 3: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/3.jpg)
an open-source
content management system
for
![Page 4: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/4.jpg)
~ Feature Set~front end and back end
~ ItPage in Action ~some sample sites
~ Characteristics of an itPage Site ~
~ Administration ~
~ How It Works ~terminology
page assembly logic
~ Installation ~ system requirements
~ Resources ~end-user and developer
![Page 5: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/5.jpg)
Front End Features
• Galleries
• Testimonials
• Multiple templates
• Clean URLs
• Flexible navigation options
• Rotating stories
• Portfolios
• Built-in search feature – works without any extra effort
• Robust image support, including native .swf and automatic conversion of video to Flash video
• User-management system
• CSS-driven means pages load quickly
• jQuery used for several elegant features
![Page 6: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/6.jpg)
Back End Features
• Create, edit, and store page content
• Easily activate/deactivate pages or entire heirarchy nodes
• Modify site heirarchy (nested-set architecture)
• Image library contains images for the entire site - photos, PDFs, video
• File library contains downloadable files
• Password reset feature for users
• SEO tailoring on site-wide or per-page basis
• Image conversion hooks directly into ImageMagick
• Admin is extensible by adding datatypes
• Queries written in SQL for MySQL datasource
• Site custom tags are automatically loaded
• Tooltips provide admin help
• Site-wide or page-specific control of meta information(keywords, description, author)
• All tables are UTF-8
![Page 7: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/7.jpg)
![Page 8: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/8.jpg)
http://www.bonjourbarber.com/
![Page 9: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/9.jpg)
http://www.cafefair.com/
![Page 10: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/10.jpg)
http://www.capitalk9s.org/
![Page 11: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/11.jpg)
http://www.climbingcentral.com/
![Page 12: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/12.jpg)
http://www.coffeeforcafes.com/
![Page 13: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/13.jpg)
http://www.destreeconsulting.com/
![Page 14: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/14.jpg)
http://www.greencountyhabitat.org/
![Page 15: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/15.jpg)
http://www.guernseyrealestateco.com/
![Page 16: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/16.jpg)
http://www.hestadlaw.com/
![Page 17: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/17.jpg)
http://www.hootcom.com/
![Page 18: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/18.jpg)
http://www.luttiglaw.com/
![Page 19: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/19.jpg)
http://www.steepnbrew.com/
![Page 20: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/20.jpg)
• Easy to administer
• Media-rich
• Nestedset heirarchy
• Multiple menuing options
• Graphic or dynamic menus
• Flexible templating system
• Site default template and stylesheet with page-level override
• Several provided stock layouts
• Gallery template ready to use
• “Mostly” CSS-driven
• jQuery features enhance user’s experience
Slidermenus
Thickbox
Tooltips
FlowPlayer
• Feedback to user via error system
![Page 21: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/21.jpg)
• Over 70 custom tags
from Tagswap
ItPage tags provided
• Extensible and modifiable – All Lasso source code provided
• itPage is fast
SQL queries and minimum of page/include calls
Graphics size-optimized
![Page 22: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/22.jpg)
• Admin access is
– Controlled by user privs
– Superadmin and admin standard, modifiable at code level
– Other user levels (e.g. “Member's-only” area) easily supported
– Automatic timeout/logout
– Admin logins are written to logfiles
![Page 23: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/23.jpg)
• Content pages
– Everything attaches to a content page (galleries, testimonials, etc.)
– Whether it shows up is determined by the template
– Assigned to a heirarchy level
– Active/inactive
![Page 24: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/24.jpg)
![Page 25: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/25.jpg)
![Page 26: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/26.jpg)
• Manage Heirarchy
– Nestedset heirarchy (xs_cat tags)
– Add/modify/delete nodes and subnodes
– Reorder/move
'
![Page 27: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/27.jpg)
• Galleries
– Elegant gallery feature based on jQuery Galleria plugin
– Working template and stylesheet provided
– Unlimited ability to add galleries
– Gallery and content on same page
![Page 28: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/28.jpg)
![Page 29: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/29.jpg)
• Testimonials
– Most requested feature
– Text required, can also have image and attribution
– Content page can display one random, or all
![Page 30: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/30.jpg)
• Stories
– Rotating story, similar to testimonial
– Text required, can also have image and attribution
![Page 31: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/31.jpg)
• Portfolios
– Same entries/groups concept
– Image is required, headline and caption are optional
– CT/template usage allow for varied layout and column display
![Page 32: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/32.jpg)
• Image Library
– Common interface for all media
– Upload uses one simple form
– Image formats: .ai, .gif, .jpg, .tif, .png, .psd
– Movie formats: .avi, .flv, .m4v, .mov, .mp4, .mpg, .mpeg, .swf, .wmv
– Hooks into ImageMagick, ffmpeg, flvtool
– Media types available for upload adaptive depending upon utilities
– Directory read-based (no database interaction)
• Existing graphics can be dropped into folders
• Deletion of image deletes all derivative files as well
– Automatic conversion and display of all media types
– “Check Usage” feature shows there an image is used
– TV icon for video, admin video viewing page
![Page 33: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/33.jpg)
![Page 34: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/34.jpg)
• File Library
– Common interface for all files
– Upload uses one simple form
– File formats accepted (controllable through siteconfig):.csv, .doc., .graffle, .gz, .indd, .log, .odp, .ods, .odt,.pdf, .pps, .ppt, .qxd, .sit., .sitx, .svg, .swf, .txt, .xls, .zip
– Directory read-based (no database interaction)
• Existing files can be dropped into file folder
![Page 35: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/35.jpg)
![Page 36: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/36.jpg)
• Maintenance
– Available to Superadmin only
– View logfiles
– Cache reset
– Could be expanded (database backup)
![Page 37: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/37.jpg)
![Page 38: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/38.jpg)
• System Settings
– Available to Superadmin only
– Server settings
– Installed utilities (ImageMagick, ffmpeg, swfdump)
– Default SEO tailoring
– Default stylesheet and templates
– Mailserver account
– Domain name and VH directory
![Page 39: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/39.jpg)
![Page 40: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/40.jpg)
![Page 41: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/41.jpg)
![Page 42: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/42.jpg)
1 Call the URL handler (urlhandler.inc)
2 Include the siteconfig
3 Build various lookup maps and arrays
4 Look up content ID for the current path
5 Call detail.lasso to assemble the various page elements
• Dropdowns/navigation
• Portfolios/testimonials/galleries…
• Main image and video
• Text fields
• Header/footer
• Include the template
6 atEnd handling (modify header JS and stylesheets)
![Page 43: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/43.jpg)
http://www.itpage.ws/wiki/logic
![Page 44: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/44.jpg)
![Page 45: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/45.jpg)
![Page 46: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/46.jpg)
Control debug mode through siteconfig:
Var('svDebug' = 'Y');
![Page 47: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/47.jpg)
![Page 48: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/48.jpg)
![Page 49: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/49.jpg)
System Requirements
• Lasso Professional 8.5 (Lasso9-compatible soon!)
• ImageMagick 6.4 or greater
• PassThru
• MySQL 5.x
Optional supporting utilities:
• ffmpeg (video)
• swftools (.swf files)
Installer
• Sets up the database with test data
• Installs default templates
![Page 50: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/50.jpg)
Wiki http://www.itpage.ws/wiki/
• Installation instructions
• Screencasts
• Tag listing
• Template examples
• Terminology
Google Group http://code.google.com/p/itpage/
• Subversion code repository
• Talk list
Demo Site http://demo.itpage.ws/
Promotional Site http://www.itpage.ws/
![Page 51: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/51.jpg)
Demo Site – Play around!
NOTE: Demo data resets every day
![Page 52: itPage LDC 09 Presentation](https://reader033.vdocument.in/reader033/viewer/2022052410/5555d139d8b42a711f8b4a4c/html5/thumbnails/52.jpg)