planning/post_a_quack_MVC.svg

<svg xmlns="http://www.w3.org/2000/svg" id="mainsvg" width="1290.4557617187502" height="490.975" viewBox="-10 -10 1173.1416015625 447.25"><defs><marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="5" markerHeight="5" orient="auto-start-reverse" fill="black"><path stroke="black" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker id="Many" viewBox="0 0 16 16" refX="15" refY="8" markerWidth="15" markerHeight="15" orient="auto-start-reverse"><path stroke="black" d="M0 8H15M15 15L2 8L15 1" fill="none"/></marker><marker id="ZeroOrOne" viewBox="0 0 16 10" refX="15" refY="5" markerWidth="21" markerHeight="21" orient="auto-start-reverse"><path d="M9 5H16" stroke="black" fill="none"/><circle cx="5" cy="5" r="4.5" stroke="black" fill="#fff"/><path d="M12 0L12 10" stroke="black" fill="none"/></marker><marker id="OneOnlyOne" viewBox="0 0 10 14" refX="10" refY="7" markerWidth="13" markerHeight="13" orient="auto-start-reverse"><path d="M0 7H4M4 7H7M4 7V0M4 7V14M7 7H10M7 7V0M7 7V14" stroke="black" fill="none"/></marker><marker id="OneOrMany" viewBox="0 0 16 16" refX="15" refY="8" markerWidth="15" markerHeight="15" orient="auto-start-reverse"><path stroke="black" d="M2 1V15M2 8L15 15M2 8L15 1M2 8H0M2 8H15" fill="none"/></marker><marker id="ZeroOrMany" viewBox="0 0 25 16" refX="23" refY="8" markerWidth="25" markerHeight="25" orient="auto-start-reverse"><path d="M13 8H27M27 15L14 8L27 1" stroke="black" fill="none"/><path d="M13.5 7.5C13.5 10.7795 10.6254 13.5 7 13.5C3.37461 13.5 0.5 10.7795 0.5 7.5C0.5 4.22054 3.37461 1.5 7 1.5C10.6254 1.5 13.5 4.22054 13.5 7.5Z" stroke="black" fill="#fff"/></marker><marker id="aggregation" viewBox="0 0 10 6" refX="9.3" refY="2.8" markerWidth="23" markerHeight="15" orient="auto-start-reverse"><path stroke="black" fill="#fff" stroke-width="0.7" d="M1.01614 2.82609L5 0.574341L8.98386 2.82609L5 5.07783L1.01614 2.82609Z"/></marker><marker id="composition" viewBox="0 0 10 6" refX="9.7" refY="2.8" markerWidth="18" markerHeight="15" orient="auto-start-reverse"><path stroke="black" fill="black" d="M1.01614 2.82609L5 0.574341L8.98386 2.82609L5 5.07783L1.01614 2.82609Z"/></marker><marker id="implementation" viewBox="0 0 8 10" refX="8" refY="5" markerWidth="20" markerHeight="20" orient="auto-start-reverse"><path stroke="black" fill="#fff" stroke-width="0.7" d="M0.750001 1.10289L7.5 5L0.750001 8.89712L0.750001 1.10289Z"/></marker><marker id="dependency" viewBox="0 0 12 12" refX="11" refY="6" markerWidth="12" markerHeight="11" orient="auto-start-reverse"><path stroke="black" fill="#fff" d="M1 5.93162H10.886M10.886 5.93162L1 0.5M10.886 5.93162L1 11"/></marker><marker id="inheritance" viewBox="0 0 8 10" refX="8" refY="5" markerWidth="20" markerHeight="20" orient="auto-start-reverse"><path stroke="black" fill="#fff" stroke-width="0.7" d="M0.750001 1.10289L7.5 5L0.750001 8.89712L0.750001 1.10289Z"/></marker><marker id="association" viewBox="0 0 12 12" refX="11" refY="6" markerWidth="12" markerHeight="11" orient="auto-start-reverse"><path stroke="black" d="M1 5.93162H10.886M10.886 5.93162L1 0.5M10.886 5.93162L1 11"/></marker><filter id="shadowOLD" x="-50%" y="-50%" width="250%" height="250%"><feDropShadow flood-color="black" flood-opacity="0.3" dx="1" dy="1" stdDeviation="2"> </feDropShadow></filter><filter id="shadow-path" filterUnits="userSpaceOnUse" x="-10" y="-10" width="1173.1416015625px" height="437.25px"><feDropShadow flood-color="black" flood-opacity="0.1" dx="1" dy="1" stdDeviation="1"> </feDropShadow></filter><filter id="shadow" filterUnits="userSpaceOnUse" x="-10" y="-10" width="1273.1416015625px" height="537.25px"><feDropShadow flood-color="black" flood-opacity="0.1" dx="1" dy="1" stdDeviation="1"> </feDropShadow></filter></defs><rect x="-10" y="-10" width="1173.1416015625" height="437.25" fill="#fff"/><g transform="translate(0, 0)"><rect width="49.78125" height="33.375" stroke="black" fill="white" stroke-width="2" transform="translate(0, 0)" rx="3"/><text fill="black" font-size="16" font-weight="normal" transform="translate(8, 8)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="16" font-family="Arial" font-size="16" font-weight="normal">User</tspan></text></g><g transform="translate(190.7265625, 0)"><rect width="72.90625" height="33.375" stroke="black" fill="white" stroke-width="2" transform="translate(0, 0)" rx="3"/><text fill="black" font-size="16" font-weight="normal" transform="translate(8, 8)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="16" font-family="Arial" font-size="16" font-weight="normal">browser</tspan></text></g><g transform="translate(560.5244140625, 0)"><rect width="81.8046875" height="33.375" stroke="black" fill="white" stroke-width="2" transform="translate(0, 0)" rx="3"/><text fill="black" font-size="16" font-weight="normal" transform="translate(8, 8)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="16" font-family="Arial" font-size="16" font-weight="normal">controller</tspan></text></g><g transform="translate(884.4365234375, 0)"><rect width="59.578125" height="33.375" stroke="black" fill="white" stroke-width="2" transform="translate(0, 0)" rx="3"/><text fill="black" font-size="16" font-weight="normal" transform="translate(8, 8)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="16" font-family="Arial" font-size="16" font-weight="normal">model</tspan></text></g><g transform="translate(968.0146484375, 0)"><rect width="48.0078125" height="33.375" stroke="black" fill="white" stroke-width="2" transform="translate(0, 0)" rx="3"/><text fill="black" font-size="16" font-weight="normal" transform="translate(8, 8)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="16" font-family="Arial" font-size="16" font-weight="normal">view</tspan></text></g><path d="M 24.890625,103.5 L 227.1796875 103.5" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 227.1796875,154.25 L 601.4267578125 154.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 601.4267578125,189.625 L 914.2255859375 189.625" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 914.2255859375,197.625 L 928.2255859375 197.625 L 928.2255859375 221 L 914.2255859375 221" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 914.2255859375,233 L 928.2255859375 233 L 928.2255859375 256.375 L 914.2255859375 256.375" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 914.2255859375,295.75 L 601.4267578125 295.75" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 601.4267578125,346.5 L 992.0185546875 346.5" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 992.0185546875,397.25 L 227.1796875 397.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2" marker-end="url(#arrow)"/><path d="M 24.890625,33.375 L 24.890625 417.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2"/><path d="M 227.1796875,33.375 L 227.1796875 417.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2"/><path d="M 601.4267578125,33.375 L 601.4267578125 417.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2"/><path d="M 914.2255859375,33.375 L 914.2255859375 417.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2"/><path d="M 992.0185546875,33.375 L 992.0185546875 417.25" fill="none" stroke="black" stroke-dasharray="none" stroke-width="2"/><g transform="translate(48.890625, 45.375)"><rect width="154.2890625" height="54.125" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">On '/compose_quack'</tspan><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">* fills in quack message</tspan><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">* clicks submit</tspan></text></g><g transform="translate(251.1796875, 111.5)"><rect width="326.2470703125" height="38.75" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="bold" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="bold">User story: I want to post a public message (quack)</tspan><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="bold">POST request</tspan></text></g><g transform="translate(625.4267578125, 162.25)"><rect width="264.798828125" height="23.375" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">add and store this quack!! (Quack.create)</tspan></text></g><g transform="translate(934.2255859375, 197.625)"><rect width="210.5625" height="23.375" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">SQL INSERT INTO quacks table</tspan></text></g><g transform="translate(934.2255859375, 233)"><rect width="218.916015625" height="23.375" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">returns updated data of all quacks</tspan></text></g><g transform="translate(699.34716796875, 268.375)"><rect width="116.9580078125" height="23.375" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">data of all quacks</tspan></text></g><g transform="translate(712.1748046875, 303.75)"><rect width="169.095703125" height="38.75" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">passes data of all quacks </tspan><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">to /compose_quack page</tspan></text></g><g transform="translate(442.97900390625, 354.5)"><rect width="333.240234375" height="38.75" stroke="none" fill="white" stroke-width="0" transform="translate(0, 0)" rx="2"/><text fill="black" font-size="14" font-weight="normal" transform="translate(4, 4)" alignment-baseline="middle" font-family="Arial"><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">html displays form item for composing a new quack, </tspan><tspan x="0" dy="14" font-family="Arial" font-size="14" font-weight="normal">and displays all quacks (as on homepage)</tspan></text></g></svg>