This document discusses developing a web application as a team. It outlines key roles like the system engineer, web programmer, and web designer. It also covers important aspects of web development like using frameworks, separating front-end and back-end development, and utilizing version control tools when collaborating as a team. The document emphasizes that while one can develop a website alone, teamwork is better, and web designers now need coding skills to build responsive designs for different devices.

1. Web Development
Developing a Web as a Team
MUHAMMAD AKBAR YASIN S.T
SOFTWARE ENGINEER – PT VERSA TECHNOLOGY

2. The A-Team
• System Engineer
• Web Programmer
• Web Designer

3. Web Development
• System Engineer
• Development Stack
• Operating System
• Network System
• Server Apps
• Etc,

4. Web Development
• Web Programmer
• Web Programming Language
• Python, PHP, JAVA, .NET, Ruby, etc

5. Web Development
• Web Design
• Image (Bitmap / Vector based)
• Adobe Photoshop, Adobe Ilustrator/Corel Draw, etc
• Animation
• Macromedia Flash, Adobe Flash
• HTML as their canvas
• Adobe Dreamweaver, etc

6. Web Development
• JavaScript, HTML5, and CSS3 has changed everything.
• Is this a challenge?

7. Web Development
• The challenge for Web Designer
• Responsive Design
• Work with various resolution of devices
• Frameworks for web front-end
• JavaScript
• jQuery, AngularJS, Ionics etc
• CSS
• Bootstrap, Semantic, etc
• A web designer has to acknowledge JavaScript, HTML5, and CSS3 means ?

8. Web Development
So, web designer has to
code.
Using code to paint. -_-

9. Web Development
• Working as a team
• MVC Pattern and Web Dev Framework
• Front-End Developer and Back-End Developer
• Version control and Colaborating Tool (Git, Subversion, etc)

10. Web Development
• MVC Pattern and Web Framework
• Why do we use framework?
• Easier to use – We don’t need to code everything from the beginning
• Well documented – You can learn quickly how it works
• Easier to maintain
• MVC is designed to support team work
• But not really separated logic

11. Web Development
• Front-end and Back-end
• Back-end
• Web Logic
• Web Service
• Front-end
• UI Logic
• Template
• Graphics

12. Web Development
• Version Control and Contributing Tool
• Git
• Easy to store your code
• Easy to manage version
• Easy to share and contribute to the project

13. Conclusion
• Web Development
• Developing web app is conducted by some roles. You can do it all by your self
but team is better
• Web design need to adapt to code.
• Choose the right Framework and development architecture that ensure good
team work