Class Diagram for Blog

Hai everyone! :)

Here my newest post related with the last post which talked about Usecase Diagram. And now I gonna tell you about Class Diagram. Did you ever heard or learn before? Yes or No? Hmm lemme think that you didn't know hahaha lol :p

        So, a class diagram in the Unified Modeling Language (UML) is a type of static structure diagram that describes the structure of a system by showing the system's classes, their attributes, operations (or methods), and the relationships among objects. The class diagram is the main building block of object oriented modelling. It is used both for general conceptual modelling of the systematics of the application, and for detailed modelling translating the models into programming code. Class diagrams can also be used for data modeling.The classes in a class diagram represent both the main objects, interactions in the application and the classes to be programmed.

In the diagram, classes are represented with boxes which contain three parts:

• The top part contains the name of the class
• The middle part contains the attributes of the class
• The bottom part gives the methods or operations the class can take or undertake

In the design of a system, a number of classes are identified and grouped together in a class diagram which helps to determine the static relations between those objects. With detailed modelling, the classes of the conceptual design are often split into a number of subclasses.

In order to further describe the behaviour of systems, these class diagrams can be complemented by state diagram or UML state machine. (taken from Wikipedia here).

Class Diagram for Blog

Despite the picture above is class diagram for blog. I made the picture based on my last task (you can see in the last post, the title is "Usecase Diagram for Blog"). So, actually the main proses in blog are Manage Profile, Manage Comment, Posting Artikel, Login, Menetizes Blog, Following. And I added the main proses into the "Main" box. Can you found it? Yes, alright :)

After you make a box, then right klik and choose "add Operation" or Ctrl+M and make as well as mine hehe :D

       From the main proccess, we should breakdown all the proccess, manage profile, manage comment, posting artikel, following blog, and menetizes blog.

1. In Manage profile box there consist of edit porfile and delete profile. 
2. Manage Comment, consist of input comment and delete comment
3. Posting artikel, consist of input artikel, edit artikel and delete artikel
4. Following Blog
5. Menetizes Blog, consist of Change or edit colour Background, edit position blog, change or edit theme blog, and Change Font

Then, break down again into the small pieces, are :

1. Top Parts    : TbProfile
   Middle Part : idProfile, choose string
                        nama_pengguna --> string
                        email -----> string
                        memo ----> string
   Bottom Part : setId_Profile
                        getId_Profile
                        setNama_Pengguna
                        getNama_Pengguna
   
2. Top Parts    : TbComment
   Middle Part : isiComment, choose string
                        tgl_Comment --> date
                        panjang_Comment----> string
   Bottom Part : setIsi_Comment
                        getIsi_Comment
                        setTgl_Comment
                        getTgl_Comment
   
3.  Top Parts    : TbArtikel
   Middle Part : isiArtikel, choose string
                        tgl_PostingArtikel --> date
   Bottom Part : setIsi_Artikel
                        getIsi_Artikel
                     

Make sure to make as well as mine, hope this posting can help you guys. See yaaaaa :D

Usecase Diagram for Blog

         So, for this time lemme tell you about "Usecase Diagram" since this topic being one of my lesson in the class. Actually for you who learn about system information or everything related with computer or system already familiar with usecase diagaram. And here some explanation :

         Usecase diagaram is the simplest image that representatif the differnt types of user's interactions with the system. Its can show you the various ways how user's activity connected with the system. There's so various programs that you can used in order to make usecase. For example, you can use Rational Rose, Astah Community, Jude Community, etc. For this session, we will use Astah Community as our software and we will choose blog as our topic.

Usecase diagram for blog

First of all, did you know the meaning of each symbol that we gonna used in usecase (see the image). Lemme explain to you :

1. ELIPS/ Circle means activity or business process
2. LINE means association that connected user with activity/ business process
3. INCLUDE means connected activity with activity (dominant)
4. EXTEND same with include but this is for optional/ conditional activity

        If we look the image, there is two user; the user blog and also the reader blog and 6 main activities. For user blog, there is 6 activities which is consist of activity login, menetize blog, following blog, manage comment, manage profil, and posting artikel. But for reader blog only have 2 activites are following blog and manage comment. 
      
       Login activity should extend with email and password which is means its optional. Reader blog just only have authority to input comment in manage comment but user can input also delete comment. In manage profil activity user can edit and delete profil, for posting artikel activity user can input, edit, also delete artikel. See in menetize blog activity, user only can do change/ edit colour of background, edit posision blog, change or edit theme blog, and change font.  

       All of them are the standard examples of usecase that commonly happen in blog, so I hope all of you guys can understand as well. If you still have questions, feel free to add your comment in this blog. I will make sure to answer as the best as I could. See yaaaa~