Wednesday, October 30, 2013



In software engineering, 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.

Introduction

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.[1] The classes in a class diagram represent both the main objects, interactions in the application and the classes to be programmed.

A class with three sections.

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.[2]

Members

UML provides mechanisms to represent class members, such as attributes and methods, and additional information about them.

Visibility

To specify the visibility of a class member (i.e., any attribute or method) these are the following notations that must be placed before the member's name:[3][citation needed]

"+" Public

"-" Private

"#" Protected

"/" Derived (can be combined with one of the others)

"_" Static

"~" Package

Scope

The UML specifies two types of scope for members: instance and classifier.[4]

Classifier members are commonly recognized as “static” in many programming languages. The scope is the class itself.

Attribute values are equal for all instances

Method invocation does not affect the instance’s state

Instance members are scoped to a specific instance.

Attribute values may vary between instances

Method invocation may affect the instance’s state (i.e., change instance’s attributes)

To indicate a classifier scope for a member, its name must be underlined. Otherwise, instance scope is assumed by default.



Relationships

A relationship is a general term covering the specific types of logical connections found on class and object diagrams. UML shows the following relationships:

Instance level relationships

Links

A Link is the basic relationship among objects.

Association





Class diagram example of association between two classes

An association represents a family of links. Binary associations (with two ends) are normally represented as a line. An association can be named, and the ends of an association can be adorned with role names, ownership indicators, multiplicity, visibility, and other properties.

There are four different types of association: bi-directional, uni-directional, Aggregation (includes Composition aggregation) and Reflexive. Bi-directional and uni-directional associations are the most common ones.

For instance, a flight class is associated with a plane class bi-directionally. Association represents the static relationship shared among the objects of two classes. Example: "department offers courses", is an association relation.

Aggregation

Class diagram showing Aggregation between two classes

Aggregation is a variant of the "has a" association relationship; aggregation is more specific than association. It is an association that represents a part-whole or part-of relationship. As a type of association, an aggregation can be named and have the same adornments that an association can. However, an aggregation may not involve more than two classes.

Aggregation can occur when a class is a collection or container of other classes, but where the contained classes do not have a strong life cycle dependency on the container—essentially, if the container is destroyed, its contents are not.

In UML, it is graphically represented as a hollow diamond shape on the containing class end of the tree with a single line that connects the contained class to the containing class. The aggregate is semantically an extended object that is treated as a unit in many operations, although physically it is made of several lesser objects.

Composition

Class diagram showing Composition between two classes at top and Aggregation between two classes at bottom

Composition is a stronger variant of the "owns a" association relationship; composition is more specific than aggregation.

Composition usually has a strong life cycle dependency between instances of the container class and instances of the contained class(es): If the container is destroyed, normally every instance that it contains is destroyed as well. (Note that, where allowed, a part can be removed from a composite before the composite is deleted, and thus not be deleted as part of the composite.)


The UML graphical representation of a composition relationship is a filled diamond shape on the containing class end of the tree of lines that connect contained class(es) to the containing class.

Differences between composition and aggregation

When attempting to represent real-world whole-part relationships, e.g., an engine is a part of a car, the composition relationship is most appropriate. However, when representing a software or database relationship, e.g., car model engine ENG01 is part of a car model CM01, an aggregation relationship is best, as the engine, ENG01 may be also part of a different car model. Thus the aggregation relationship is often called "catalog" containment to distinguish it from composition's "physical" containment.

The whole of a composition must have a multiplicity of 0..1 or 1, indicating that a part must belong to only one whole; the part may have any multiplicity. For example, consider University and Department classes. A department belongs to only one university, so University has multiplicity 1 in the relationship. A university can (and will likely) have multiple departments, so Department has multiplicity 1..*.

Class level relationships

Generalization

Class diagram showing generalization between one superclass and two subclasses

The Generalization relationship ("is a") indicates that one of the two related classes (the subclass) is considered to be a specialized form of the other (the super type) and superclass is considered as 'Generalization' of subclass. In practice, this means that any instance of the subtype is also an instance of the superclass. An exemplary tree of generalizations of this form is found in binomial nomenclature: human beings are a subclass of simian, which are a subclass of mammal, and so on. The relationship is most easily understood by the phrase 'an A is a B' (a human is a mammal, a mammal is an animal).

The UML graphical representation of a Generalization is a hollow triangle shape on the superclass end of the line (or tree of lines) that connects it to one or more subtypes.

The generalization relationship is also known as the inheritance or "is a" relationship.

The superclass (base class) in the generalization relationship is also known as the "parent", superclass, base class, or base type.

The subtype in the specialization relationship is also known as the "child", subclass, derived class, derived type, inheriting class, or inheriting type.

Note that this relationship bears no resemblance to the biological parent/child relationship: the use of these terms is extremely common, but can be misleading.

Generalization-Specialization relationship

A is a type of B

E. g. "an oak is a type of tree", "an automobile is a type of vehicle"

Generalization can only be shown on class diagrams and on Use case diagrams.

Realization

In UML modelling, a realization relationship is a relationship between two model elements, in which one model element (the client) realizes (implements or executes) the behavior that the other model element (the supplier) specifies.

The UML graphical representation of a Realization is a hollow triangle shape on the interface end of the dashed line (or tree of lines) that connects it to one or more implementers. A plain arrow head is used on the interface end of the dashed line that connects it to its users. In component diagrams, the ball-and-socket graphic convention is used (implementors expose a ball or lollipop, while users show a socket).

Realizations can only be shown on class or component diagrams.

A realization is a relationship between classes, interfaces, components, and packages that connects a client element with a supplier element. A realization relationship between classes and interfaces and between components and interfaces shows that the class realizes the operations offered by the interface.

General relationship

Class diagram showing dependency between "Car" class and "Wheel" class (An even clearer example would be "Car depends on Wheel", because Car already aggregates (and not just uses) Wheel)

Dependency

Dependency is a weaker form of relationship which indicates that one class depends on another because it uses it at some point in time. One class depends on another if the independent class is a parameter variable or local variable of a method of the dependent class. This is different from an association, where an attribute of the dependent class is an instance of the independent class.


Multiplicity

The association relationship indicates that (at least) one of the two related classes makes reference to the other. In contrast with the generalization relationship, this is most easily understood through the phrase 'A has a B' (a mother cat has kittens, kittens have a mother cat).

The UML representation of an association is a line with an optional arrowhead indicating the role of the object(s) in the relationship, and an optional notation at each end indicating the multiplicity of instances of that entity (the number of objects that participate in the association).

0..1 No instances, or one instance (optional, may)

1 Exactly one instance

0..* or * Zero or more instances

1..* One or more instances (at least one)

Analysis stereotypes

In the early stages of a project's technical analysis, class diagrams can be used to produce early conceptual models of the system. Classes at this stage often take the form of boundaries, controls and entities and rarely survive into the design without heavy changes.

Boundaries

Boundary classes handle the communication between actors and the system's internal components. They might be user interfaces, system interfaces or device interfaces (for example). They are identified by each actor–use-case pair on the system's use-case diagram, with one and only one boundary class existing for each pair[why?][citation needed].


They are drawn as circles with a short line to the left attached to a vertical line the same height as the circle (as though it is attached to the side of the use-case system boundary). Alternatively, they can be drawn as normal classes with the «boundary» stereotype notation above the class name.

Entities

Entity classes model the information handled by the system, and sometimes the behavior associated with the information. They should not be identified as database tables or other data-stores.

They are drawn as circles with a short line attached to the bottom of the circle. Alternatively, they can be drawn as normal classes with the «entity» stereotype notation above the class name.

Controls

Control classes handle the flow of control for a use-case and can therefore be seen as co-ordinating representation classes. These do not do everything in the use case, but co-ordinate with other classes that can do the work for them.





Wednesday, October 16, 2013


ABOUT UML, USE CASE AND BLOG


In software and systems engineering, a use case is a list of steps, typically defining interactions between a role (known in UML as an "actor") and a system, to achieve a goal. The actor can be a human or an external system.

In systems engineering, use cases are used at a higher level than within software engineering, often representing missions or stakeholder goals. The detailed requirements may then be captured in SysML or as contractual statements.

As an important requirement technique, use case has been widely used in modern software engineering over the last two decades. Use case driven development is a key characteristic of process models and frameworks like UP, IBM RUP, Oracle OUM, etc. With its iterative and evolutionary nature, use case is also a good fit for agile development.
 - [source]

A blog (a contraction of the words web log) is a discussion or informational site published on the World Wide Web and consisting of discrete entries ("posts") typically displayed in reverse chronological order (the most recent post appears first). Until 2009 blogs were usually the work of a single individual, occasionally of a small group, and often covered a single subject. More recently "multi-author blogs" (MABs) have developed, with posts written by large numbers of authors and professionally edited. MABs from newspapers, other media outlets, universities, think tanks, interest groups and similar institutions account for an increasing quantity of blog traffic. The rise of Twitter and other "microblogging" systems helps integrate MABs and single-author blogs into societal newstreams. Blog can also be used as a verb, meaning to maintain or add content to a blog.

The emergence and growth of blogs in the late 1990s coincided with the advent of web publishing tools that facilitated the posting of content by non-technical users. (Previously, a knowledge of such technologies as HTML and FTP had been required to publish content on the Web.)

A majority are interactive, allowing visitors to leave comments and even message each other via GUI widgets on the blogs, and it is this interactivity that distinguishes them from other static websites. In that sense, blogging can be seen as a form of social networking service. Indeed, bloggers do not only produce content to post on their blogs, but also build social relations with their readers and other bloggers. There are high-readership blogs which do not allow comments, such as Daring Fireball.

Many blogs provide commentary on a particular subject; others function as more personal online diaries; others function more as online brand advertising of a particular individual or company. A typical blog combines text, images, and links to other blogs, Web pages, and other media related to its topic. The ability of readers to leave comments in an interactive format is an important contribution to the popularity of many blogs. Most blogs are primarily textual, although some focus on art (art blogs), photographs (photoblogs), videos (video blogs or "vlogs"), music (MP3 blogs), and audio (podcasts). Microblogging is another type of blogging, featuring very short posts. In education, blogs can be used as instructional resources. These blogs are referred to as edublogs.

On 16 February 2011, there were over 156 million public blogs in existence.On 13 October 2012, there were around 77 million Tumblr and 56.6 million WordPress blogs in existence worldwide. According to critics and other bloggers, Blogger is the most popular blogging service used today.
 - [source]

Actor

represented by a stick man, actor can be people and things. It could even be a system, who could benefit from the system

Use Cases

used to represent capabilities

Connectors

use case connectors are used to indicate how actors and use cases are associated



USE CASE WEB LOG (BLOG)



Picture : Use Case Blog

Picture above shows feature using blog, we can perform a lot of something to do by using Use Case Diagram. I will explain you this picture to paragraph. There are the features:
Picture above shows feature using blog, we can perform a lot of something to do by using Use Case Diagram. In this case we call it ‘user’. I will explain you this picture to paragraph. There are the features:

  1. Manage Profile: User can input, edit and delete (or make it null) profile.
  2. Manage Layout: Page layout is the part of graphic design that deals in the arrangement and style treatment of elements (content) on a page. [source]
    User just can edit layout, in the first step user choose default based on template. So user cannot create or delete it, user can edit it by edit HTML or by designing.
  3. Manage Posting: Posting is a name for acticle that inputed from admin, that have date posting. User can create, edit and delete posting. User also can save posting as draft.
  4. Customized Templates: Template is a stencil, pattern or overlay used in graphic arts (drawing, painting, etc.) and sewing to replicate letters, shapes or designs [source]
    User just can edit template, in the first step user choose default  template. So user cannot create or delete it.
  5. Manage Comment: User can create comment in certain posting. User also can edit and delete comment. Edit comment can be edited by the writer of the comment. Delete comment can be deleted by the writer of the comment or admin blog of posting.
  6. Manage Page: Page like posting, but it don't show date posting. It can be seen in menu bar (navigation).
  7. Apply for Google Adsense: Google AdSense is a program run by Google that allows publishers in the Google Network of content sites to serve automatic text, image, video, or interactive media advertisements that are targeted to site content and audience. These advertisements are administered, sorted, and maintained by Google, and they can generate revenue on either a per-click or per-impression basis. Google beta-tested a cost-per-action service, but discontinued it in October 2008 in favor of a Double-Click offering (also owned by Google) [source]
    Google Adsense can show to our blog if our blog match with Google Adsense regulation
  8. Manage Ad Banner: Banner ad is a form of advertising on the World Wide Web delivered by an ad server. This form of online advertising entails embedding an advertisement into a web page. It is intended to attract traffic to a website by linking to the website of the advertiser. The advertisement known as a "click through". In many cases, banners are delivered by a central ad server. [source]
    In this case, banner is provided by admin blog. So user can create, edit and delete ad banner.

Thursday, September 19, 2013

[source]
Cafe Madtari. 24 hours cafe, accompany your stomach all day long. Famous Cafe in Bandung, has 4 cafe in Bandung. You can find in Jalan Rangga Gading 12 or Jalan Teuku Umar 1 or Jalan Surapati 72 or Jalan Dr. Otten 11. This simple place suit for you that need extra – extra topping in a simple food. Like Instan Noodle, Bread, Banana and Egg.

Let me show this to you..
An Indomie and a bread with extra - extra topping :9
[source]

This. The menu of this place. Very recommended for a hungry stomach and cheese – addict. You can get low – price with an extra topping food. Really suit for ‘kantong-mahasiswa’ hahaha. You have to bring about IDR 20.000 to taste food and drink here

[source]

But sometimes you need to stand in line to get reservation table, because in certain time this place so so so crowded. Need an extra patient. It proves that it can be nominated as a must – try – culinary in this beautiful city.

The very first tips and trick from me is… make your stomach extra hungry, it can make you feel deeply the taste of the food and eat all of the extra topping :D

Let your Tongue Dancing! And here, a satisfied you! :D


[source]


Ingredients

1½ cups dried elbow macaroni.
4 eggs
100ml milk
100ml evaporated milk
½ cup grated cheddar
2 tbsp cracked pepper crumbly-sharp cheddar (optional)
½ cup ground beef
½ cup chopped onions
1 cloves garlic, chopped
½ tsp white pepper powder
½ tsp ground nutmeg
salt to taste


Cheesy topping sauce

100ml milk
100ml evaporated milk
1 heaping spoons butter
1 1/2 tablespoon flour
1 cup grated cheddar


Cheesy topping
1 cup grated cheddar
½ cup grated mozzarella



Method

Preheat oven to 350 degrees F (175 degrees C)

Cook macaroni in boiling salted water until the pasta just firm to bite, 
drain the water and set aside

Meanwhile, heats small amount butter in a skillet, 
fry onions until wilted, add ins garlic fry until aromatic.

Add-ins ground beef, nutmeg and white pepper powder, 
season with salt, stir fry until the beef change to dark colour,
remove skillet from fire. 

Break the eggs in a small bowl, beat using a fork-set aside.

Place macaroni in a big bowl, add–ins beef spiced and pour in the milk, 
evaporated milk, eggs, grated cheddar cheese 
and crumbly cheddar *if using
season with salt if necessary.
Buttered casserole dish * I used 18cm 7 inches baking tray, 
pour-ins the mixture, bake for 25 minutes


Make the cheesy sauce,

Mix the milk with flour in a bowl
Heats butter in a skillet over medium fire, add-ins the milk mixture
Stir well until its thicken, add-in grated cheddar cheese
Remove from fire and set a side

When the macaroni is cooked, remove from the oven.

Pour in the cheesy sauce over the macaroni, 
(smooth with rubber spatula)

To finish the whole dish, topping with grated cheddar cheese 
 and grated mozzarella

Bake for about 10-15 minutes or 
until the cheese perfectly melt and browned.


Wednesday, September 18, 2013


Mochilok, simple and cozy place to killing time with friends. Name of ‘Mochilok’ is a combination between Mochi and Cilok, both of them are traditional food from Bandung. Mochi is a dish made from glutinous rice mashed until soft and gooey, then formed into a round. And Cilok (red: Aci dicolok) is a round shape food made from corn flour with added spices like peanut sauce and soy sauce. But, this place presents not just an ordinary Mochi and Cilok, its customized! And these are the special and recommended menu in this place.    


Mochi Ice Cream

Mochi is not only Mochi in here, Mochi Ice Cream! A mochi with ice cream in the inside. It’s available in various flavors such as chocolate, strawberry, vanilla, green tea, durian and tiramisu. The price starts from IDR 3.500 until IDR 4.500, low – price and feel a priceless moment when the first bite gooey texture and cool dish touch your teeth and tongue.


Cilok
[source]

Go to the next dish, Cilok. A barbeque grilled cilok. Not like the other cilok, it transforms from covered by peanut sauce and soy sauce become barbeque sauce and mayonnaise. More modern and the point is more tasty and more friendly for new comer of Sundanese – tongue. And the good news is the price is IDR 2.000!

You can find this place in around Universitas Padjajaran in Jalan Sekeloa,close to Indomaret Sekeloa

Let your Tongue Dancing! And here, a satisfied you! :D