Is this diagram a valid UML component diagram?

Question

I am planning a new web application, therefore I want to create a component diagram which shows the architecture of the application. Now I am actually not a specialist in UML and wanted to know if the diagram I made is correct for UML standardization.

I already used google a lot for some examples but none of these could really helped me with showing the database, orm and webbrowser in it.

So here is my actual result, would be great if I could receive some feedback for what is wrong and how it should be made correctly.

Answer 1

Basically your diagram is fine (except for that filled arrow in the lower part). However, there's room for improvement.

You can show the required and provided interfaces on each port and delegate (see Edit below) functionality to the internal classes of the component. The above is very simplistic but it should make clear the use of delegate relations.

Also in a more coarse picture you could just leave away the inner part of Application and just show its ports/interfaces for an overview diagram:

Edit: One never stops learning. First, the arrow for required IF used to be the other way around in UML 2.1.1. But now (UML 2.5) they use just a straight line for delegation. No arrow nor keyword delegate.