Designing & Developing Professional Website – Step 3 – Website Development

Posted in: Blog, Methodologies |

No comments

We have now arrived at the most interesting part of the professional website development process. It’s the development time YAY! It’s time to get our hand dirty.

As part of this article: DOWNLOAD Technical Requirements Document Template FOR FREE! Make sure you document how you approach a business requirement technically.

During development we will certainly need tools to help us achieving what we have planned before. I personally use the following tools at the very least:

– Adobe Photoshop

– EditPlus Text Editor or Adobe DreamWeaver

– Any development/coding tools such as Visual Studio or text editors for PHP development, etc

– Other tools such as Adobe Flash, etc

 

 

Adobe Photoshop

Using Adobe Photoshop we will create the website prototype. I will detail later what this is all about. In a nutshell, we will be creating images on how the actual website will look like (ie. the end “product”). We will design all layouts that have been approved prior.

 

We will then send these images to client so that client can see and approve what the final products will be. Remember, when developing websites we have to encourage client to approve everything up-front before we even start the development. Any changes/modifications have to be discussed up-front as much as we can otherwise the delivery of the final product may be delayed.

 

There will always be changes during the development but as a professional web developer we have to be able to – somehow – make those changes as “out-of-scope”. Therefore, the decision is then on client on whether to implement those changes or not. I will discuss about this later.

 

 

HTML Editors

HTML editors such as EditPlus or Adobe DreamWeaver will help us a lot in producing the HTML code. After we design the prototype (see above), it’s time for us to then “cutting up” those prototypes into HTML which can then be incorporated into a programming language such as ASP.NET or PHP for producing dynamic websites.

 

These text editors will help us doing the “cutting up”. I will elaborate more on this later.

 

 

Dynamic Website/Coding Tools

What is static website vs dynamic websiteStatic website means that the HTML code on the website is static. If someone needs to update the content of this website, he has to literally edit and update the HTML code. Dynamic website means the HTML code is generated “on-the-fly” (eg. from database).

 

There are heaps of programming languages out there that can help us producing dynamic websites such as ASP.NET, PHP, ColdFusion, PERL, CGI, etc. These programming languages generally have their own “editor”. The difference between this editor and HTML editor is it can load “commands/libraries” that are specific to the programming language.

 

If you need to develop dynamic websites (which most of the websites nowadays are), you will certainly need these tools. They will save you a lot of time and plus you don’t have to memorize the commands/syntax that are relevant to the programming language.

 

 

Other Supporting Tools

You can also use other supporting tools such as Adobe Flash to create flash animations, etc.

 

 

UAT and Test  Environment

It is extremely important to always have User Acceptance Test (UAT) and Test Environment. This will be used for testing and client demo. You will not want to use the live hosting space for your client demo because search engine may crawl it and there is a chance of visitors coming to the website that is not ready yet. This may hurt the website later on.

 

Test Environment can be your own laptop/computer while UAT is normally hosted or at least accessible remotely by client. Try to make  your UAT environment isolated from public visitors. You can use a temporary domain name eg. http://test.clientdomainname.com/ or something.

 

Testing is always important as it is a part of quality control. By having UAT also, client can see the progress and they will like you! They can also make comments on the current progress of the website. You have to always be aware that what you send as a prototype may look different on the browser.

 

 

Conclusion

So…this is the development process in a nutshell. I will of course elaborate more on this. We will go much deeper than this. Later on we will talk about development methodologies such as Agile, SCRUM, etc. It’s all about fun fun fun…. 🙂

 

 

Cheers,

Tommy

Written by

A web solution expert who has passion in website technologies. Tommy has been in the web industry for more than 10 years. He started his career as a PHP developer and has now specialized in ASP.NET, SharePoint and MS CRM. During his career he has also been in many roles: system tester, business analyst, deployment and QA manager, team and practice leader and IT manager.

No Comments Yet.

Leave a Reply

You must be logged in to post a comment.

Our Services

We provides you the best Services in our themes.

  • Click on the link below to see a full list of clients which we have developed solutions and provided consultancy for.

    READ MORE

  • We are solution-centered and not application-centered.

    READ MORE

  • Being creative and having fun and yet still delivering a fantastic service is the center of our values.

    READ MORE

  • TFS Consulting Services guarantees delivery that is within budget and deadline or you engage us for free.

    READ MORE

Implementing IT does not have to be difficult.

As long as you have the right methodologies

We have heard a lot of complaints from our clients that IT a lot of the times give them headache. The issues range from over-budget implementation, server is too hard to maintain, application is not user friendly, features not complete and many others. If you have ever experienced similar situations, don’t worry. This is why TFS Consulting Services is here. We exist to help clients implementing a successful IT solution. We have various methodologies which we have proven working in delivering a successful IT implementation. Below is the list of some of our key service offerings:
  • Planning and Methodologies

    Implementing IT solution does not have to be difficult. TFS Consulting Services has a lot of resources on planning and methodologies that will ensure successful delivery of your IT solution. TFS Consulting Services has been around in the web industry for more than 10 years and has experienced all the successes and failures of various type of IT deployment.

    read more

  • Technical Resource

    Do you need a technical resource? TFS Consulting Services can also provide you with technical resource for developing ASP.NET (C# and VB.NET), SharePoint (2003, 2007, 2010, 2013) and MS CRM applications. Our resource is an Microsoft Certified Personnel (MVP) and Microsoft Certified Technology Specialist (MCTS) in all ASP.NET, SharePoint and CRM.

    read more

  • IT Consulting & Advice

    Make sure your IT implementation is robust and scalable. TFS Consulting Services can provide consulting and advice on industry’s best practice on various web-related areas such as website security, design and usability, application-specific (such as SharePoint)’s best practice, Search Engine Optimisation (SEO), coding standards and many others.

    read more

  • Solution Development

    Finally TFS Consulting Services provides you with solution development service. We mainly work with Microsoft technologies (ie. .NET and SQL Server), however we are also capable of developing with PHP and MySQL. If you ever need any business process automation, integration and solution development work,  we are the trusted expert you should go to.

    read more

For more detailed service offerings please visit our Solutions page.

Testimonials

  • I’m happy to recommend Tommy as a knowledgeable and diligent developer.

    Mike Stringfellow, Vivid Group
  • Tommy has a lot of great ideas that can be delivered into great products. It’s a pleasure working with him because he has a broad knowledge about available technologies out there and he knows what’s best for the client’s needs. He just knows how to work effectively and efficiently.

    Teddy Segoro, Student Edge
  • I’ve worked with Tommy over the past 6 months and have found his approach to development (especially SharePoint) absolutely outstanding. Tommy goes beyond the boundries of typical software development with his ability understand what a client requires and then build it into fully fledged software solution. Coupled with his professional “Best Practice” approach, you get Continue Reading

    Michael Bonham, DSC-IT

Contact us

Tommy Segoro
tommy@tfsconsulting.com.au
+61 404 457 754

   

© TFS Consulting Services 2024. All rights reserved.

www.incorporator.com.au