Building Advanced Components with XSL Akifumi Yamamoto, Web Developer

XSL Basics XSL elements (e.g., <xsl:apply-templates/>): http://www.saxonica.com/documentation/#!xsl-elements XPath (e.g., /document/table): https://www.w3schools.com/xml/xpath_intro.asp XQuery Functions (e.g., upper-case(“caps”)): http://www.saxonica.com/documentation/#!functions/fn

Table Transformations No validation Easy to break

Components as Tables Form-based editing Input validation Development process is similar to table transformations

Component Ideas OU Blogs A more friendly <blog/> node generation LDP Galleries Enhanced gallery options Faculty Directory Centrally managed profile fields

Advanced Component 1: OU Blogs Asset Generator Turn OU Blogs dynamic asset into a component Create a <blog/> node with parameters: <blog dir=“/blog/” type=“page-related” limit=“3”/> Form-based input allows for anyone to edit or create new ones

Advanced Component 2: LDP Gallery Enhancement Complement LDP Galleries with options Form-based input allows for anyone to edit or create new ones Table output for familiarity + WYSIWYG preview

Advanced Component 3: Faculty Directory Profile Fields An alternative to using MultiEdit/Page Parameters as form-based editing Fields are centrally managed and allows for easy future modifications

Thank you. Akifumi Yamamoto outc18.com/surveys