Databases
StackOverflow2013
Postsdbo
POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
    primarykey
    data
    text
    <p>I've been a PHP/MySQL developer for a number of years now, but unfortunately have only worked with small projects up until now. I'm starting a new website now that is very complex and I'm starting to get confused with the workflow. I'm not sure which parts to take care of first, as they're all fairly intertwined.</p> <p>I'd love to know how some of you manage your workflow for a new website. I'm working independently, so it'd be easier to explain without multiple developers involved. Also, I'll be using the CodeIgniter framework, so it'd be great to have the workflow involve the MVC model, which should actually make the workflow easier.</p> <p>After some searching, I came across this helpful diagram: <img src="https://i.stack.imgur.com/wpt5k.jpg" alt="workflow chart"></p> <p>However, I'm not too sure what falls into each category. Here is a general rundown of what I understand so far. Please feel free to correct me when I'm wrong or when there is a better option.</p> <h2>Planning</h2> <p>Make sure you have clear goals for the project: What do you offer, and for whom? How will it be helpful for others? Etc</p> <h2>Sitemap</h2> <p>List all the pages and sub-pages that are going to be on the site.</p> <h2>Wireframes</h2> <p>Go through your whole sitemap and make a rough sketch of every single page. (How detailed should you get?) You can use pencil and paper, or programs like Axure or Mockingbird.</p> <p>The next major category in the workflow chart is content, but I'm not sure what this involves. Is it all the text on the website? Database structure? Something else?</p> <h2>Artwork</h2> <p>The actual design/template of the website. Is this really the right place for this, though? I would think that the coding and functionality is more important, and make the design after that.</p> <h2>Coding</h2> <p>This step seems to all-encompassing, and I'd think it needs to be broken down. Is the database structure made first (or was that done in content, after the wireframes?) Do I make the outline for all the functions for each page in the sitemap? Do I just create all the necessary controllers and make comments of which functions I'm going to put and where? Do the models go after the controller outlines, or vice versa? When do I start filling in all the controllers and models? </p> <p>Constant testing is involved to make sure your code works properly.</p> <h2>Content Population</h2> <p>Would this include the view files in the MVC framework? In other words, all the data that the controllers and models provided?</p> <h2>Final Testing</h2> <p>Make sure everything works in all browsers. Making tweaks and changes here and there. Go all out with numerous "what if" cases.</p> <h2>Production</h2> <p>Site goes live.</p> <h2>Conclusion</h2> <p>The above is what I understand to be an organized flowchart of the steps in developing a complex website, but my understanding could be greatly improved. What should be changed? I could use all the suggestions possible. Thank you.</p> <p><strong>EDIT:</strong> Someone here mentioned "agile development"--from what I'm reading thus far, it doesn't actually have a structure. Correct me if I'm wrong. As I commented on that answer, is it really possible to develop in such a way for complex sites, such as Amazon or Ebay? The workflow process, in my un-knowledgable opinion, should have a clear plan, or else there would be no focus in the project.</p> <p><strong>FINAL EDIT:</strong> Although this question was closed, I'd like to add some info for those that may find this later. I found the following workflow useful: <a href="http://www.webassist.com/free-downloads/tutorials-and-training/web-dev-workflow.php" rel="nofollow noreferrer">http://www.webassist.com/free-downloads/tutorials-and-training/web-dev-workflow.php</a>. A PDF of the general workflow: <a href="http://assets.webassist.com/how-tos/Short-Dev-Checklist.pdf" rel="nofollow noreferrer">http://assets.webassist.com/how-tos/Short-Dev-Checklist.pdf</a>. Agile development can also be used of course, but this could be a good starting point for those that don't know where to start. I may add additional workflows and examples here as I find them.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USBlossoming_Flower
    1. USBlossoming_Flower
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThat's the theory. In practice, it's another story.
      singulars
      1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
      1. USPaul Dessert
    2. COI would like to point out that testing should not be saved for last!
      singulars
      1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
      1. USmaček
    3. COOfftopic on SO... Waterfall is nice to draw and plan, but in practice some significantly more iterative approach may be useful. And delaying testing / cross browser compatibility will cost you :)
      singulars
      1. POWhat is a good, well-organized web development workflow from start (planning) to finish (testing and production)?
      1. USAlexei Levenkov
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload