Training activity information
Details
Develop an application that uses a web browser as the user interface
Type
Developmental training activity (DTA)
Evidence requirements
Evidence the activity has been undertaken by the trainee​.
Reflection on the activity at one or more time points after the event including learning from the activity and/or areas of the trainees practice for development.
An action plan to implement learning and/or to address skills or knowledge gaps identified.
Considerations
- Markup language and client-side code
Reflective practice guidance
The guidance below is provided to support reflection at different time points, providing you with questions to aid you to reflect for this training activity. They are provided for guidance and should not be considered as a mandatory checklist. Trainees should not be expected to provide answers to each of the guidance questions listed.
Before action
- What technologies and programming languages are suitable for developing web browser-based applications in this context? What are the key considerations for web-based interfaces?
- What specific web development skills (e.g., HTML, CSS, JavaScript, frameworks) do you aim to develop? What challenges do you foresee in creating a functional and accessible web-based interface? How will this DTA broaden your understanding of different application architectures?
- Which web development technologies will you utilise and why? What examples of web-based applications will you study for inspiration and best practices? How will you ensure compatibility across different web browsers? How do you feel about developing a web-based application, especially if it’s a new area for you?
In action
- Pay attention to your development actions.
- How are you currently structuring the application to use a web browser as the interface?
- What technologies (e.g., HTML, CSS, JavaScript, frameworks) are you employing and why?
- What decisions are you making regarding the client-server interaction and data presentation?
- What aspects of web application development feel intuitive, and what requires more conscious effort or looking up syntax and functionalities?
- How effective are your current development choices in creating a functional and responsive web-based user interface?
- What challenges are you facing as you develop this application (e.g., cross-browser compatibility, asynchronous operations, security considerations)?
- What can you learn about web application development as you are actively coding and designing the interface?
- How does this web development activity connect to your existing knowledge of web technologies or previous experiences with web development?
- Are there alternative technologies or architectural patterns you could be considering for this web application?
- What support or resources (e.g., online tutorials, framework documentation) might you need in this moment to overcome development hurdles?
- Are you ensuring your web application development adheres to best practices for security, accessibility, and performance?
On action
- Describe the web application you developed. What were its main features and functionalities? Summarise the technologies and languages you used to create the web interface. Note any challenges you encountered in developing a browser-based application.
- What did you learn about developing user interfaces for web browsers? How did you handle aspects like responsiveness, user interaction, and data presentation in a web environment? What were the advantages and disadvantages of using a web browser as the interface for your application? How does this experience contribute to your understanding of web application development?
- What web development technologies or frameworks would you like to explore further? How will you approach the development of web-based user interfaces in future projects? What considerations regarding security and accessibility for web applications do you need to keep in mind?
Beyond action
- Have you looked back at the web application you developed? How does your understanding of web development technologies and user interface principles compare now? Have you worked with other web-based applications since?
- How has this activity improved your skills in developing web-based user interfaces? Has it influenced your understanding of how software can be delivered and accessed in a clinical environment?
- What transferable skills, such as problem-solving, creativity, and understanding of web technologies, did you develop? What clear actions can you take to further develop your skills in web application development and explore new frameworks?
Relevant learning outcomes
| # | Outcome |
|---|---|
| # 4 |
Outcome
Use good software design and programming practice. |
| # 5 |
Outcome
Use programming languages. |
| # 6 |
Outcome
Develop applications using a web browser as the user interface. |