How to start a project based on STK’s
              static prototype
                         Christian Ringele
                              17.09.2010


                   Magnolia International




1
               Magnolia is a registered trademark used by permission
Version 1.0
Two approaches


 • Fix prototype iterations
 • WGet prototype iterations




2
                    Magnolia is a registered trademark used by permission
Version 1.0
Fix prototype iterations
•     First delivery by experienced designer
•     Shared location of prototype as in SVN
•     Implementation starts according the first prototype
•     Implementation state reflects the prototype
•     Information exchanges are based on a running instance




3
                        Magnolia is a registered trademark used by permission
Version 1.0
WGet prototype iterations
•     First delivery by developer, assembled from plain STK prototype
•     Exchange is possible on ‘back and forward’ mail approach
•     Implementation starts according the developers assembly
•     Implementation state is base for the next prototype (WGet)
•     Information exchanges are based on WGet extractions




4
                        Magnolia is a registered trademark used by permission
Version 1.0
One iteration: Fix prototype
•     Development is started according to the prototype (svn)
•     All template adaptions are made if possible
•     Running instance is updated (theme pointing to svn)
•     Obstacles for the developer are discussed with the designer
      -> structural changes in html are decided
• AND/OR
• Appearing design bugs (content variations) are discussed with the
      designer
      -> structural changes in html are decided
• Designer changes all discussed adaptions in the prototype (check
      in)



5
                        Magnolia is a registered trademark used by permission
Version 1.0
One iteration: WGet prototype
•     WGet extraction is sent to the designer
•     Designer sends back the new design
•     New design (css & JS) is used by Developer
•     Obstacles for the designer are discussed with the developer
      -> structural changes in html are decided
• AND/OR
• Appearing design bugs (content variations) are discussed with the
      designer
      -> structural changes in html are decided
• All discussed structural changes are implemented by the
      developer (extraction ready)



6
                        Magnolia is a registered trademark used by permission
Version 1.0
Questions ?




7
              Magnolia is a registered trademark used by permission
Version 1.0
Thank you!




8
              Magnolia is a registered trademark used by permission
Version 1.0

More Related Content

PPTX
Naumko Prezi
PPTX
Exploring Git in Visual Studio 2013
PDF
Barcamp Bangkhen :: Robot Framework
PPTX
PPSX
Hackaton for health 2015 - Sharing the Code we Make
PPTX
Nextcloud Android Development Process
PDF
Civilized Git Process
PDF
Tool Development Process and Software Engineering
Naumko Prezi
Exploring Git in Visual Studio 2013
Barcamp Bangkhen :: Robot Framework
Hackaton for health 2015 - Sharing the Code we Make
Nextcloud Android Development Process
Civilized Git Process
Tool Development Process and Software Engineering

What's hot (8)

PPTX
Introduction to robot framework
PDF
Introduction to Robot Framework – Exove
PDF
Mozilla: Mozmill meets L10n
PPTX
Acceptance Test Driven Development and Robot Framework
PPTX
Nextcloud Android App Development Process Insights
PPTX
Selenium training basics
PPTX
Robot Framework
PDF
Getting started with GitHub
Introduction to robot framework
Introduction to Robot Framework – Exove
Mozilla: Mozmill meets L10n
Acceptance Test Driven Development and Robot Framework
Nextcloud Android App Development Process Insights
Selenium training basics
Robot Framework
Getting started with GitHub
Ad

Viewers also liked (7)

PPTX
BMWGalleryNorwood.com 2009 AAA Traffic Safety Index
PDF
Agile UX NYC -- 4 keys to success in a design driven company
PPTX
Kelsey's powerpoint
PPTX
BMWGalleryNorwood.com 2009 AAA Cell Phones And Driving Research Update
ODP
Proyecto matemático
PPT
Varaprasad-Go
PDF
Lean startup - what is pivot
BMWGalleryNorwood.com 2009 AAA Traffic Safety Index
Agile UX NYC -- 4 keys to success in a design driven company
Kelsey's powerpoint
BMWGalleryNorwood.com 2009 AAA Cell Phones And Driving Research Update
Proyecto matemático
Varaprasad-Go
Lean startup - what is pivot
Ad

Similar to How to start a projectw with Magnolia's STK (20)

PDF
Integration possibilities with Magnolia CMS
PDF
Mconf Keynote
PDF
Webinar 4.5-features-partners
KEY
Blossom 2.0 Presentation
KEY
Magnolia CMS 5.0 - Three perspectives
PDF
Blossom on the web
PDF
High performance and scalability
PDF
Single sourcing desktop and mobile websites
KEY
Magnolia CMS 5.0 - JCR 2.0 and Content API
PDF
Magnolia 5 Magnolia Conference 2012 Keynote
PPTX
Workflow in Magnolia5
PDF
Multilingual websites, microsites and landing pages
KEY
Magnolia CMS 5.0 - Overview
PDF
Migros.ch - Modularizing Magnolia for Switzerland's Largest Retailer
PDF
High Performance and Scalability
PPTX
ModeShape and Magnolia
KEY
Magnolia Groovy Integration
PDF
Webinar - Why Magnolia 5 Rocks For IT
KEY
Magnolia CMS 5.0 - Architecture
PPT
Lloyds TSB International Private Banking manages content with Magnolia
Integration possibilities with Magnolia CMS
Mconf Keynote
Webinar 4.5-features-partners
Blossom 2.0 Presentation
Magnolia CMS 5.0 - Three perspectives
Blossom on the web
High performance and scalability
Single sourcing desktop and mobile websites
Magnolia CMS 5.0 - JCR 2.0 and Content API
Magnolia 5 Magnolia Conference 2012 Keynote
Workflow in Magnolia5
Multilingual websites, microsites and landing pages
Magnolia CMS 5.0 - Overview
Migros.ch - Modularizing Magnolia for Switzerland's Largest Retailer
High Performance and Scalability
ModeShape and Magnolia
Magnolia Groovy Integration
Webinar - Why Magnolia 5 Rocks For IT
Magnolia CMS 5.0 - Architecture
Lloyds TSB International Private Banking manages content with Magnolia

Recently uploaded (20)

DOCX
FINALS-BSHhchcuvivicucucucucM-Centro.docx
PDF
TyAnn Osborn: A Visionary Leader Shaping Corporate Workforce Dynamics
PDF
Family Law: The Role of Communication in Mediation (www.kiu.ac.ug)
PDF
Daniels 2024 Inclusive, Sustainable Development
PDF
Introduction to Generative Engine Optimization (GEO)
PDF
Solaris Resources Presentation - Corporate August 2025.pdf
PDF
Environmental Law Communication: Strategies for Advocacy (www.kiu.ac.ug)
PDF
533158074-Saudi-Arabia-Companies-List-Contact.pdf
PDF
Keppel_Proposed Divestment of M1 Limited
PDF
Booking.com The Global AI Sentiment Report 2025
PDF
NEW - FEES STRUCTURES (01-july-2024).pdf
DOCX
Hand book of Entrepreneurship 4 Chapters.docx
DOCX
Center Enamel A Strategic Partner for the Modernization of Georgia's Chemical...
PPTX
Astra-Investor- business Presentation (1).pptx
DOCX
80 DE ÔN VÀO 10 NĂM 2023vhkkkjjhhhhjjjj
PPTX
basic introduction to research chapter 1.pptx
DOCX
Handbook of Entrepreneurship- Chapter 5: Identifying business opportunity.docx
PDF
Charisse Litchman: A Maverick Making Neurological Care More Accessible
PDF
Chapter 2 - AI chatbots and prompt engineering.pdf
PDF
Robin Fischer: A Visionary Leader Making a Difference in Healthcare, One Day ...
FINALS-BSHhchcuvivicucucucucM-Centro.docx
TyAnn Osborn: A Visionary Leader Shaping Corporate Workforce Dynamics
Family Law: The Role of Communication in Mediation (www.kiu.ac.ug)
Daniels 2024 Inclusive, Sustainable Development
Introduction to Generative Engine Optimization (GEO)
Solaris Resources Presentation - Corporate August 2025.pdf
Environmental Law Communication: Strategies for Advocacy (www.kiu.ac.ug)
533158074-Saudi-Arabia-Companies-List-Contact.pdf
Keppel_Proposed Divestment of M1 Limited
Booking.com The Global AI Sentiment Report 2025
NEW - FEES STRUCTURES (01-july-2024).pdf
Hand book of Entrepreneurship 4 Chapters.docx
Center Enamel A Strategic Partner for the Modernization of Georgia's Chemical...
Astra-Investor- business Presentation (1).pptx
80 DE ÔN VÀO 10 NĂM 2023vhkkkjjhhhhjjjj
basic introduction to research chapter 1.pptx
Handbook of Entrepreneurship- Chapter 5: Identifying business opportunity.docx
Charisse Litchman: A Maverick Making Neurological Care More Accessible
Chapter 2 - AI chatbots and prompt engineering.pdf
Robin Fischer: A Visionary Leader Making a Difference in Healthcare, One Day ...

How to start a projectw with Magnolia's STK

  • 1. How to start a project based on STK’s static prototype Christian Ringele 17.09.2010 Magnolia International 1 Magnolia is a registered trademark used by permission Version 1.0
  • 2. Two approaches • Fix prototype iterations • WGet prototype iterations 2 Magnolia is a registered trademark used by permission Version 1.0
  • 3. Fix prototype iterations • First delivery by experienced designer • Shared location of prototype as in SVN • Implementation starts according the first prototype • Implementation state reflects the prototype • Information exchanges are based on a running instance 3 Magnolia is a registered trademark used by permission Version 1.0
  • 4. WGet prototype iterations • First delivery by developer, assembled from plain STK prototype • Exchange is possible on ‘back and forward’ mail approach • Implementation starts according the developers assembly • Implementation state is base for the next prototype (WGet) • Information exchanges are based on WGet extractions 4 Magnolia is a registered trademark used by permission Version 1.0
  • 5. One iteration: Fix prototype • Development is started according to the prototype (svn) • All template adaptions are made if possible • Running instance is updated (theme pointing to svn) • Obstacles for the developer are discussed with the designer -> structural changes in html are decided • AND/OR • Appearing design bugs (content variations) are discussed with the designer -> structural changes in html are decided • Designer changes all discussed adaptions in the prototype (check in) 5 Magnolia is a registered trademark used by permission Version 1.0
  • 6. One iteration: WGet prototype • WGet extraction is sent to the designer • Designer sends back the new design • New design (css & JS) is used by Developer • Obstacles for the designer are discussed with the developer -> structural changes in html are decided • AND/OR • Appearing design bugs (content variations) are discussed with the designer -> structural changes in html are decided • All discussed structural changes are implemented by the developer (extraction ready) 6 Magnolia is a registered trademark used by permission Version 1.0
  • 7. Questions ? 7 Magnolia is a registered trademark used by permission Version 1.0
  • 8. Thank you! 8 Magnolia is a registered trademark used by permission Version 1.0

Editor's Notes