How to implement Portlet inside HOOK?

How to implement Portlet inside HOOK?

   =>Create Project

  =>Select a plugin Hook

   =>Finish

   =>Copy liferay_display.xml, liferay_portlet.xml, portlet.xml to WEB-INF manually.

Liferay_display.xml

<display>

    <category name="category.sample">

          <portlet id="hookPortlet" />

    </category>

</display>

Liferay_portlet.xml

<liferay-portlet-app>

    <portlet>

          <portlet-name>hookPortlet</portlet-name>

          <icon>/icon.png</icon

                             <instanceable>true</instanceable>

          <header-portlet-css>/css/main.css</header-portlet-css>

          <footer-portlet-javascript>/js/main.js</footer-portlet-javascript>

          <css-class-wrapper>hookPortlet-portlet</css-class-wrapper>

    </portlet>

</liferay-portlet-app>

portlet.xml

<portlet>

          <portlet-name>hookPortlet</portlet-name>

          <display-name>hookPortlet</display-name>

          <portlet-class>com.liferay.util.bridges.mvc.MVCPortlet</portlet-class>

          <init-param>

                   <name>view-jsp</name>

                   <value>/view.jsp</value>

          </init-param>

          <expiration-cache>0</expiration-cache>

          <supports>

                   <mime-type>text/html</mime-type>

          </supports>

          <portlet-info>

                   <title>hookPortlet</title>

                   <short-title>hookPortlet</short-title>

                   <keywords>hookPortlet</keywords>

          </portlet-info>

          <security-role-ref>

                   <role-name>administrator</role-name>

          </security-role-ref>

          <security-role-ref>

                   <role-name>guest</role-name>

          </security-role-ref>

          <security-role-ref>

                   <role-name>power-user</role-name>

          </security-role-ref>

          <security-role-ref>

                   <role-name>user</role-name>

          </security-role-ref>

    </portlet></portlet-app>