May 15, 2015
Peyjas in “page of a book”
Itas in “What is it?”
an open-source
content management system
for
~ 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
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
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
http://www.bonjourbarber.com/
http://www.cafefair.com/
http://www.capitalk9s.org/
http://www.climbingcentral.com/
http://www.coffeeforcafes.com/
http://www.destreeconsulting.com/
http://www.greencountyhabitat.org/
http://www.guernseyrealestateco.com/
http://www.hestadlaw.com/
http://www.hootcom.com/
http://www.luttiglaw.com/
http://www.steepnbrew.com/
• 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
• 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
• 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
• 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
• Manage Heirarchy
– Nestedset heirarchy (xs_cat tags)
– Add/modify/delete nodes and subnodes
– Reorder/move
'
• 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
• Testimonials
– Most requested feature
– Text required, can also have image and attribution
– Content page can display one random, or all
• Stories
– Rotating story, similar to testimonial
– Text required, can also have image and attribution
• Portfolios
– Same entries/groups concept
– Image is required, headline and caption are optional
– CT/template usage allow for varied layout and column display
• 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
• 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
• Maintenance
– Available to Superadmin only
– View logfiles
– Cache reset
– Could be expanded (database backup)
• 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
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)
http://www.itpage.ws/wiki/logic
Control debug mode through siteconfig:
Var('svDebug' = 'Y');
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
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/
Demo Site – Play around!
NOTE: Demo data resets every day