The competition among frontend frameworks

 Frontend frameworks for desktop and responsive on other devices can be categorized in 5 main types:

• Angular
• ReactJS/Nextjs
• VueJS
• Classic (html, css, jquery, thymeleaf, asp.net)
• Flutter Web
  

Read More

What is backbase

What are Digital Banking Platforms (DBP)?

A digital banking platform (DBP) enables a bank to begin the transformational process of becoming a truly digital bank that is ecosystem-centric. A DBP also enables banks to achieve business optimization. However, that is not the end state. For banks seeking only business optimization as the goal of their digital banking strategy, a digital banking multichannel solution will meet those needs.

Read More

Installation mdbootstrap 5

Step 1

Download the package

Step 2

Unzip downloaded package and open it in the code editor

Step 3

Open Dreamweaver editor and create a HTML site.

Find a template site and copy an index.html file to your project and compose your website. And yes, it's that simple! 

Importing CSS file

To import MDB stylesheet please use the following syntax:

<!-- Font Awesome -->

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />

<!-- Google Fonts Roboto -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />

 <link rel="stylesheet" href="css/mdb.min.css" />

Importing JS file

<script href="js/mdb.min.js"></script>

Run: click index.html file to open it on browser

and it works

Source code
IntegratedMaterialDesignAdminDemo


Reference document:
https://mdbootstrap.com/docs/standard/getting-started/installation/

Read More

VUE3 for Java developer

What is Vue.js and VUE 3 features?

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries (opens new window)

Vue 3 was officially released on September 18, 2020. While it has some great new features, especially having full TypeScript support which is the same as Angular 10. New Features in Vue 3 are

•     Composition API (built-in now)
•     Full TypeScript support
•     Portals
•     Fragments
•     Suspense
•     Global Mounting/Configuration API change
•     Multiple v-models
•     Custom Directive API
•     Multiple root elements (Template syntax )
•     Better reactivity
•     Emits Component Option

Easy integration is one important feature of VUE so that It is now easy to integrate with java frameworks such as Apache wicket, Play framework, Spring framework.. Java backend developer can be easy to understand VUE 3 so that they will improve their weakness with frontend.

Some VUE 3 details

The Composition API is introduced in Vue 3 as an alternative to the Options API in vuejs 2.x. 

It would be much nicer if we could collocate code related to the same logical concern. And this is exactly what the Composition API enables us to do. To start working with the Composition API we first need a place where we can actually use it. In a Vue component, we call this place the setup.

The setup option should be a function that accepts props and context which we will talk about later. Additionally, everything that we return from setup will be exposed to the rest of our component (computed properties, methods, lifecycle hooks and so on) as well as to the component's template. The setup method is also where all the action happens. This method gets called after beforeCreate and right before the created lifecycle hooks. Notice that setup is the only function inside our component.  

beforeCreate() => setup() => create()




For example:

import {defineComponent, ref, computed} from 'vue';

export default defineComponent({

  name: 'HelloNewYear',

  components: {},

  props: {

    msg: Object,

  },

  setup(props) {

      const msg = ref('msg');      

      const updateMsg = (newValue) => msg.value = newValue;

  

      return { msg, updateMsg }

  }

});

Lifecycle inside setup() includes 9 lifecycles:

•     onBeforeMount
•     onMouted
•     onBeforeUpdate
•     onUpdated
•     onBeforeUnmount
•     onUnmount
•     onActivated
•     onDeactivated
•     onErrorCaptured
•     onRenderTracked
•     onRenderTriggered

Full TypeScript support

Vue 3 has full TypeScript support. For example, 

To create mixins in TypeScript, we must first create our mixin file, which contains the data we share with other components.

Create a file called MsgMixin.ts inside the mixins directory and add the following mixin, which shares the project name and a method to update the project name.

import { Component, Vue } from 'vue-property-decorator'
@Component
class MsgMixin extends Vue {
  public msgName: string = 'My Message
  public setMsgName(newVal: string): void {
    this.msgName = newVal
  }
}
export default MsgMixin

Multiple root elements (template syntax )

In Vue 2,  the template tag can only take one root element. In Vue 3, There is no need for a root element anymore.

We can use any number of tags directly inside the <template></template> section:

<template>

  <p> Count: {{ count }} </p>

  <button @click="increment"> Increment </button>

  <button @click="decrement"> Decrement</button>

</template>

Equivalent code in Vue 2:

<template>

  <div class="counter">

    <p> Count: {{ count }} </p>

    <button @click="increment"> Increment </button>

    <button @click="decrement"> Decrement</button>

  </div>

</template>

Suspense

Suspense is a special component that renders a fallback content instead of your component until a condition is met. 

Provide / inject

In Vue 2, we used props for passing data – such as string, arrays, objects, and so on – from a parent component directly to its children component. But in many cases, we also need to pass data from the parent component to a deeply nested child component which is, not so appropriate and becoming complicated in normal cases.

Vue 3 use the new Provide and inject pair to pass data with vuex.

Teleport is a new feature that makes it easy to display a component outside its default position i.e the #app container where Vue apps are usually wrapped. You can, for example, use Teleport to display a header component outside the #app div. Please note that you can only Teleport to elements that exist outside of the Vue DOM.

Global Mounting/Configuration API Change

It has simple command as following

import { createApp } from 'vue'

import App from './App.vue'

const app = createApp(App)

app.config.ignoredElements = [/^app-/]

app.use(/* ... */)

app.mixin(/* ... */)

app.component(/* ... */)

app.directive(/* ... */)

app.mount('#app')

Multiple v-Models

for example, to bind and listen to multiple properties in components:

<NameComponent

  v-model:fornames="forname"

  v-model:surname="surname"

/>

Understanding Vue 3 Ref for Reactive Variables

In this section, we'll learn about the ref() function in Vue 3. In Vue 3, you can use the ref() function to define a reactive variable. It can wrap any primitive or object and return it’s reactive reference. The value of passed element will be kept in a value property of the created reference. For example if you want to access value of count reference you need to explicitly ask for count.value. 

Difference between Angular and Vue on Different Parameters

Parameters	ANGULAR	VUE
Easy Integration	Angular is a Javascript framework, making easier for developers to integrate it with third-party components and other Javascript-based technologies.	On the other hand, Vue is a versatile and a flexible framework. It facilitates front-end libraries integration easily.
Flexibility	Angular framework is considered highly flexible as it offers official support to multiple systems without any restriction.	At the same time, Vue is not as flexible as Angular. It's a bit rigid. There are some rules which need to be followed while working on an application. Still, it provides flexibility for modular solutions.
Complexity	Angular framework is much more complex than Vue when it comes to design and API. A non-trivial application development takes more time with Angular than Vue.	Developing a non-trivial application takes less time when integrating with Vue. If we talk about design and API, Vue is considered simpler.
TypeScript	The learning resources provided by Angular are Typescript based so it acts as a booster for the developers and at the same time difficult for the beginners to learn.	Vue recently got the Typescript functionality, but it is not currently in use.
Performance	Angular has performed well till date. It doesn't disappoint. Angular is best known for its fast performance. Despite having a lot of watchers, Angular guarantee the same performance metrics on different platforms.	Vue also delivers the same quality performance as Angular. Both of them perform outstandingly on different benchmarks and at the same time addressing similar issues.
Data binding	Angular utilizes a two-way binding process between scopes. In addition to this, it supports asynchronous services to assist developers when they develop third-party components to integrate with the app.	On the other hand, Vue supports one-way data flow between the components. It facilitates non-trivial app development quickly.

VUE 3 and Angular are both using TypeScript and html/css template opposed to ReactJS that uses HTML (JSX) inside JavaScript.

Read More

Mockito vs JMockit

A Brief analysis on Mockito And Jmockit

Mockito	JMockit
1. We can achieve Static method/constructor mocking by the combination of Mockito with Powermock.

Read More

MyBatis introduction

 MyBatis is a Java persistence framework that couples objects with stored procedures or SQL statements using an XML descriptor or annotations.

MyBatis is free software that is distributed under the Apache License 2.0.

MyBatis is a fork of iBATIS 3.0 and is maintained by a team that includes the original creators of iBATIS. 

MyBatis is a first class persistence framework with support for custom SQL, stored procedures and advanced mappings. MyBatis eliminates almost all of the JDBC code and manual setting of parameters and retrieval of results. MyBatis can use simple XML or Annotations for configuration and map primitives, Map interfaces and Java POJOs (Plain Old Java Objects) to database records

Read More

Unit tests with jmockit

What is JMockit?

JMockit is open source software unit testing library, It includes APIs for mocking, faking, and combining with a code coverage tool. This library is used together with a testing framework such as JUnit or TestNG.  IntelliJ IDEA is a good ide for testing with JMockit.

Read More

Dart language from view of Java Developer

Nowadays I hear so much from Internet about Dart language so that today at the weekend I will go skimly Dart language on Google search.

I found some good sites such as https://www.vogella.com/tutorials/Dart/article.html, https://flutter.dev/docs/resources/bootstrap-into-dart and I understood that Google Dart is a new programming language from Google that is used to build mobile applications, web applications, Internet of Things (IoT), advertisements, and so on.

The most famous framework that use Dart language is Flutter framework for mobile app development that can run on iOS, Android, etc. 

I see that Dart syntax learned much from Java8, RxJS, Typescript and add/update some differences to improve from Java.

Read More

Add Redux lifestyle into Angular's Reactive State Management

If you are java developer and you are not good at design and frontend skill but you want to develop a java web application using microservices style, Angular is the best choice as front-end framework for you. Angular is like java Wicket framework. Both use real html DOM in markup file so that It is easy to incorporate with cut-css/html frontend developer to make a target ui page.
Redux is a predictable state container for JavaScript apps and Redux was designed for React.
There are several ways to use Redux or create a Redux-inspired system that works with Angular. We can use Redux directly in order to show the concepts without introducing a new dependency (pure redux). But Angular also has state container by supporting from popular state management frameworks: angular-redux, ngrx, ngxs, akita

Read More

Doing microservices with JHipster

Today many companies are developing applications using Microservices, and Microservices with spring boot is chosen by many big companies in Vietnam.
In JHipster framework, Microservices is also supported. JHipster is a free and open-source application generator used to quickly develop modern web applications and Microservices using Angular or React (JavaScript library) and the Spring Framework.

Some technologies and tools are:

• Yeoman, a front-end scaffolding tool
• Spring Boot
• Angular 8, ReactJS: frontend Javascript frameworks.
• Swagger, for API documentation
• Maven, Npm, Yarn, Gulp and Bower are dependency managers and build tools
• Jasmine, Protractor, Cucumber and Gatling are test frameworks
• Liquibase is for database versioning

We need to  install Java 8, Git (version control system), NodeJS, Yeoman, Yarn and may be Gulp and Bower also on the computer.

Microservices vs Monolithic architecture

The first question JHipster will ask you is the kind of application you want to generate. You have the choice between two architecture styles:

• A “monolithic” architecture uses a single, one-size-fits-all application, which contains both the front-end code, and the back-end Spring Boot code.
• A “microservices” architecture splits the front-end and the back-end, so that it’s easier for your application to scale and survive infrastructure issues.

A “monolithic” application is much easier to work on, so if you don’t have any specific requirements, this is the option we recommend, and our default option.
However, A “monolithic” application is still an Spring Boot application with Microservices support.

Microservices architecture overview

The JHipster microservices architecture works in the following way:

• A gateway is a JHipster-generated application (using application type microservice gateway when you generate it) that handles Web traffic, and serves an Angular/React application. There can be several different gateways, if you want to follow the Backends for Frontends pattern, but that’s not mandatory.
• Traefik is a modern HTTP reverse proxy and load balancer that can work with a gateway.
• The JHipster Registry is a runtime application on which all applications registers and get their configuration from. It also provides runtime monitoring dashboards.
• Consul is a service discovery service, as well as a key/value store. It can be used as an alternative to the JHipster Registry.
• JHipster UAA is a JHipster-based User Authentication and Authorization system, which uses the OAuth2 protocol.
• Microservices are JHipster-generated applications (using application type microservice application when you generate them), that handle REST requests. They are stateless, and several instances of them can be launched in parallel to handle heavy loads.
• The JHipster Console is a monitoring & alerting console, based on the ELK stack.

In the diagram below, the green components are specific to your application and the blue components provide its underlying infrastructure.

From above picture, we can see that Eureka Server has been wrapped into Jhipster Registry, because the standard architecture of Eureka Server is something like following:

Docker installation

Guide to install docker on windows: https://docs.docker.com/toolbox/toolbox_install_windows/, https://github.com/docker/toolbox/releases
After installation, click on shortcut on desktop of computer to start docker

Then the terminal will appear with messages

Type the docker run hello-world command and press RETURN.

In the first times, It will show errors and then download hello-world example. If you run that command in the second times, It will show above messages. That means the installation of docker is okay.

Install Compose on Windows desktop systems
Docker Desktop for Windows and Docker Toolbox already include Compose along with other Docker apps, so most Windows users do not need to install Compose separately. Docker install instructions for these are here:

• Get Docker Desktop for Windows
• Get Docker Toolbox (for older systems)

Links:
https://www.jhipster.tech/microservices-architecture/
https://spring.io/blog/2015/07/14/microservices-with-spring

Read More

SSO java-servlet-application-with-keycloak

There are some concepts relating to SSO - single sign on in software applications.

What is OpenID?

OpenID allows you to use an existing account to sign in to multiple websites, without needing to create new passwords.

You may choose to associate information with your OpenID that can be shared with the websites you visit, such as a name or email address. With OpenID, you control how much of that information is shared with the websites you visit.

With OpenID, your password is only given to your identity provider, and that provider then confirms your identity to the websites you visit.  Other than your provider, no website ever sees your password, so you don’t need to worry about an unscrupulous or insecure website compromising your identity.
So when talking about OpenID it means we are talking about authentication topics.

Read More

Spring Security Overview

Spring Security is a powerful and highly customizable authentication and access-control framework. It is the de-facto standard for securing Spring-based applications.

Spring Security is a framework that focuses on providing both authentication and authorization to Java applications. Like all Spring projects, the real power of Spring Security is found in how easily it can be extended to meet custom requirements

Read More

Angular 2 with ZK

With the emerging of reactjs and angular2, zk and other old ui java frameworks are standing before of going to history library but now angular2 has been integrated into zk and make it having more custom chosen for users so that zk framework is still used for maintainance and new java projects.

Angular 2 is integrated in zk by using  client command binding to communicate with a Java ViewModel at the server-side.

Read More

Jakarta EE and JSF 2.x

Jakarta EE

In September 2017, Oracle announced its intention to transition Java EE to the Eclipse Foundation. Java EE has since been rebranded to Jakarta EE, and JSF 2.3 (Eclipse Mojarra) has been adopted for continuation. The next major release of the JSF specification will be Eclipse Mojarra 3.0. (source from JavaWorld).

Read More

How to change the default Netbeans 8.0.2 project directory?

• edit the file
  C:\Users\adminuser\AppData\Roaming\NetBeans\8.0.2\config\Preferences\org\netbeans\modules\projectui.properties
• set the key/value
  lastOpenProjectDir=C:\\Java\\NetBeansProjects
• Create project and chose Project Location = C:\Java\NetBeansProjects
  next time, when creating new project, the new project location will be set

Read More

BPM - Business Process Management là gì

BPM = Business Process Management  = Quản lý quy trình nghiệp vụ

BPM có khó hiểu, trìu tượng lắm không? Nếu xét về khái niệm, hiểu nôm na nó là gì, nó hoạt động như thế nào thì khẳng định là KHÔNG khó hiểu; tuy nhiên để xây dựng triển khai BPM thì cần phải biết lập trình, biết lưu trữ dữ liệu vào cơ sở dữ liệu, biết tích hợp quy trình kế toán chạy ngầm bên dưới, biết liên kết với API của các phần mềm khác trong toàn hệ thống, nghĩa là dữ liệu cần phải lưu trữ và cập nhật, lấy ra từ các phương tiện trữ máy tính. Sau đây là định nghĩa về BPM theo cách hiểu của tôi dựa trên tham khảo từ internet và có chút tiếp xúc với 1 phần mềm BPM (software-ag):

BPM là một hệ thống phần mềm (kết hợp các yêu cầu phần cứng) liên quan tới mô hình hóa (modeling), tự động hóa (automation), thực thi (execution), kiểm soát (control), đo lường (measurement) , tối ưu hóa các mục tiêu về quy trình; bằng việc kết hợp thông tin các hệ thống khác trong đơn vị/tổ chức như ECM, CRM, HRM,.. để tạo ra một quy trình tổng thể và từng bước thực hiện các quy trình con khác trong hệ thống nhằm mục đích quản lý nhất quán các thông tin&hoạt động về quy trình của hoạt động sản xuất kinh doanh trong doanh nghiệp(hay tổ chức, chính phủ,..) cũng như các hoạt động liên quan tới khách hàng, nhân viên, đối tác.

Read More

Oracle SQL căn bản P2

1> Execute a function that is defined in a package

Question: How can I execute a function that is defined in a package using Oracle/PLSQL?

Answer: To execute a function that is defined in a package, you'll have to prefix the function name with the package name.

package_name.function_name (parameter1, parameter2, ... parameter_n)

You can execute a function a few different ways.

Read More

ECM là gì?

ECM là viết tắt của từ Enterprise content management. Theo wikipedia.org, nó là việc quản lý nội dung các tài liệu trong doanh nghiệp, là việc số hóa các tài liệu trong doanh nghiệp để quản lý (bằng công cụ máy tính).

Các thành phần

Các hệ quản trị ECM có nói chung có thể chia ra làm bốn mục chính:

• Thu thập dữ liệu: làm thao tác lấy dữ liệu từ những nguồn khác nhau như văn bản tài liệu giấy, các tài liệu điện tử (văn bản, bảng tính, bản trình chiếu...), dữ liệu âm thanh, hình, phim ảnh. Liên quan đến các công nghệ nhận dạng, tạo chỉ mục, phân loại.
• Lưu trữ dữ liệu: đưa các dữ liệu nhập vào cất giữ, quản lý như sao lưu/phục hồi. Liên quan thiết bị lưu trữ (ổ đĩa cứng, băng từ, CD-ROM...), công nghệ lưu trữ ?, thời hạn lưu trữ
• Phân phối: cách đưa dữ liệu đến người dùng, liên quan đến tính bảo mật (tài khoản/quyền hạn), tìm kiếm, hiển thị, ứng dụng hiển thị, định dạng file xuất
• Quản lý: khái niệm chung có thể hiểu bao gồm cả ba mục còn lại. Các phần quản lý bao gồm quản trị cơ sở dữ liệu, quản lý hệ thống, quản lý người dùng

Những phần có thể áp dụng ECM

• Quản lý tài liệu (Document Managerment).
• Quản lý luồng công việc (workflow).
• Quản lý nội dung web (Web content Managerment).
• Quản lý hồ sơ (Records Management).

Một số hệ thống ECM hiện có

• 1C:Quản lý văn bản (ECM)
• Documentum,
• Alfresco,
• Laserfiche,
• OpenText,
• IBM,
• SharePoint,

Hầu hết các ECM trên đều là giải pháp có phí do các hãng lớn cung cấp như: FileNet từ IBM, SharePoint của Microsoft, "1C:Quản lý văn bản Corp (ECM)" của hãng 1C, Documentum của EMC Corporation,.... Trong đó có Alfresco là giải pháp Quản lý tài liệu mã nguồn mở và miễn phí.

Hiểu đơn giản, ECM sẽ cung cấp mạnh mẽ chức năng lưa trữ mọi loại văn bản trong 1 đơn vị/tổ chức cũng như tìm kiếm, xem tài liệu văn bản.

Tham khảo ECM Việt Nam

Thông qua google search, tôi đã biết tới công ty HPT và gõ từ khóa 'ECM' tại website của HPT http://www.hpt.vn/Search?kw=ECM, kết quả như sau:

Chúng ta sẽ xem thông tin về kinh nghiệm của HPT trong việc triển khai ECM tại 1 vài công ty trong cả nước như thế nào.

Trước hết là 

Dự án Tin học hóa vận hành Ngân hàng Thương mại Cổ phần Quân Đội – MB Bank

Thách thức – Yêu cầu dự án

Bốn thách thức lớn nhất đối với dự án tin học hóa các quy trình vận hành tại MB Bank như sau:

1. Hệ thống thông tin, các phần mềm ứng dụng không có sự liên kết, tích hợp, kết nối thông tin với nhau.

2. Mô hình hoạt động phân tán, liên kết thủ công giữa phòng ban, chi nhánh và hội sở.

3. Khối lượng hồ sơ dữ liệu, đặc biệt là dữ liệu phi cấu trúc phát sinh ngày một lớn mà không có giải pháp lưu trữ, quản lý hiệu quả gây khó khăn trong việc khai thác và sử dụng.

4. Đại đa số các quy trình nghiệp vụ (chuyển tiền quốc tế, cho vay cá nhân…) đều thực hiện thủ công, hiệu quả chưa cao.

Giải pháp HPT cung cấp

Để giải quyết những vấn đề trên của MBBank, HPT đã cùng với các đối tác chiến lược của mình thực hiện tư vấn và triển khai chuyển giao gói giải pháp tổng thể gồm 03 thành phần chính:

Phương án triển khai của HPT

Với tính chất phức tạp của dự án, HPT đã lựa chọn phương án triển khai cuốn chiếu cho từng giai đoạn:

Lợi ích mang lại

Sau hơn một năm triển khai, với nỗ lực từ tất cả các bên tham gia, dự án đã thành công và đạt được những kết quả như:

1. Giải quyết các vấn đề về quản lý dữ liệu

• Toàn bộ hồ sơ, tài liệu của ngân hàng được số hóa và lưu trữ tại kho dữ liệu hợp nhất Documentum.
• Dữ liệu được số hóa, tích hợp dễ dàng với hệ thống BPM giúp kết nối thông tin xuyên suốt giữa các ứng dụng.

2. Giải quyết các vấn đề tích hợp, liên kết giữa các ứng dụng

• Hệ thống thông tin sẵn sàng cho việc nâng cấp, phát triển các tính năng khi MBBank mở rộng quy mô trong tương lai.
• Kết nối toàn bộ các chi nhánh và phòng giao dịch theo mô hình quản lý tập trung

3. Nâng cao hiệu quả các quy trình nghiệp vụ

• Tự động hóa quy trình chuyển tiền quốc tế, chuyển tiền nội địa và cho vay cá nhân.
• Các bảng báo cáo có khả năng tương tác cho phép theo dõi và phân tích các chỉ số KPI liên quan.
Cung cấp đầy đủ thông tin hoạt động của các quy trình theo thời gian thực giúp đánh giá hiệu suất quy trình.

Tiếp theo chúng ta sẽ xem tiếp bài viết

Giải pháp quản lý thông tin Doanh nghiệp - Enterprise Content Management

Một giải pháp ECM tổng thể bao gồm 2 thành phần chính: phần thực hiện việc thu nạp thông tin phi cấu trúc và phần quản lý những thông tin được thu nạp này.

Phần thu nạp thông tin phi cấu trúc thường có các tính năng sau:

+  Capture: scan tài liệu hoặc import file nếu không cần quét, thực thi online/offline, thu nạp từ fax server,…

+  Phân loại (Classify): tài liệu được capture vào có thể phân loại theo cách thủ công (mannual) hoặc tự động (hệ thống có khả năng nhận dạng văn bản và “học” cách phân loại).

+  Bóc tách (Extract): thông tin trên tài liệu được bóc tách bằng các công nghệ nhận dạng ký tự quang học (OCR), nhận dạng đánh dấu (OMR), nhận dạng ký tự thông minh - chữ viết tay (ICR),…

+  Kiểm tra (Validate): người dùng có thể kiểm tra lại và chỉnh sửa các thông tin đã được bóc tách tự động.

+  Phân phối (Deliver): thông tin được capture và thông tin được bóc tách (metadata) có thể được đưa vào kho chứa trung tâm hoặc các kho chứa khác.

5 bước cơ bản trong quá trình thu nạp thông tin

Thông tin phi cấu bao gồm các dạng như văn bản tài liệu, video, audio, email, report kết xuất từ các ứng dụng nghiệp vụ,… chiếm tới 80% tổng lượng thông tin của tổ chức. Điển hình trong Ngân hàng, thông tin phi cấu trúc cần được quản lý bởi ECM sẽ là hồ sơ xin vay, mở tài khỏan, thư tín dụng (L/C), video giám sát hệ thống ATM, cuộc điện thoại được ghi âm của khách hàng gọi tới contact center,….  Những thông tin này chiếm tỷ trọng lớn hơn nhiều so với  lượng thông tin có cấu trúc.

Thông tin có cấu trúc chỉ chiếm 20% tổng lượng thông tin của tổ chức và được lưu trữ trong database ở các ứng dụng như Corebank, Switching, Card Management System,…. 

Phần Quản lý thông tin đã được thu nạp thì lại có các tính năng khác:

+  Quản lý văn bản:  quản lý phiên bản, liên kết tài liệu, thư mục ảo,…

+  Quản lý luồng công việc: tạo luồng xử lý công việc, theo dõi và phân tích việc thực hiện các luồng xử lý.

+  Chính sách lưu giữ: thiết lập chính sách lưu giữ đối với từng loại thông tin, đảm bảo tính tuân thủ các chuẩn mực tài chính kế tóan.

+  Quản lý vòng đời: định nghĩa vòng đời từ khi khởi tạo cho tới khi hủy hòan tòan thông tin, cho phép tự động dịch chuyển nội dung sang các tầng lưu trữ khác nhau (tier storage) tùy theo trạng thái của thông tin, hỗ trợ nén và chống trùng lặp.

+  Cơ chế caching: cho phép giảm kết nối lên trung tâm, tăng tốc độ tìm kiếm & truy cập tài liệu tại các điểm ở xa (chi nhánh).

+  Bảo mật: Authentication (AD, Tivoli,…), Authorization (ACLs), Auditing (FDA 21 CFR), mã hóa,  chữ ký số, hủy hoàn toàn.

+  Đánh chỉ mục và tìm kiếm.

+  Báo cáo thống kê.

Trong quá trình thực hiện 2 bước trên, còn có các việc sau:

Khảo sát hạ tầng

Thiết kế cấu trúc lưu trữ

Thiết kế kiến trúc triển khai nhằm đảm bảo tính sẵn sàng cao

Phác thảo và triển khai kế hoạch sao lưu, phục hồi dữ liệu khi có sự cố

Cài đặt, cấu hình, tạo tài khoản và phân quyền người dùng…

Tích hợp hệ thống ECM với hệ thống có sẵn như iCdoc, edocman, hệ thống khởi tạo khoản vay (LOS) đang trong quá trình xây dựng…

Đối tượng khách hàng

Ngân hàng và các tổ chức tài chính, tín dụng.

Các cơ quan nhà nước, chính phủ (các dự án số hóa & lưu trữ tài liệu, các dự án “Cơ sở dữ liệu quốc gia” cho các lĩnh vực An ninh, Kinh tế,..)

Các công ty cung cấp dịch vụ viễn thông.

Bảo hiểm, y tế

ECM cho Vietinbank

ECM cho Ngân hàng TMCP Ngoại Thương Việt Nam

ECM cho MB bank

..

Những kết quả đạt được

• Số hóa tài liệu, giảm chi phí in ấn, giảm thời gian xử lý và tăng hiệu quả kinh doanh.

• Quản lý, lưu trữ tập trung tài liệu, hồ sơ, tài sản nội dung kỹ thuật số. Đánh nhãn, phân quyền tài liệu giúp dễ dàng tìm kiếm và nâng cao tính bảo mật.
• Xây dựng nền tảng quản lý tài liệu mở, có thể tích hợp với các quy trình nghiệp vụ và các nền tảng lưu trữ tài liệu khác..
• Cung cấp nền tảng giúp việc quản lý, xây dựng các quy trình nghiệp vụ được dễ dàng, nhanh chóng, tập trung.
• Loại bỏ những chồng hồ sơ giấy tờ cồng kềnh; giảm tối đa các chi phí quản lý hành chính liên quan; xây dựng một hệ thống lưu trữ tập trung, trong đó, dữ liệu cần được số hóa để sẵn sàng đáp ứng yêu cầu tra cứu, quản lý một cách nhanh chóng, thuận tiện. => chuyển đổi các loại tài liệu in trên giấy sang dạng dữ liệu điện tử đồng thời cung cấp các tính năng quản lý dữ liệu như: Lưu trữ, Tìm kiếm nhanh, Chia sẻ, Tái sử dụng và Xử lý dữ liệu theo luồng quy trình…=> có thể quản lý tập trung hệ thống dữ liệu điện tử của tất cả các chi nhánh trên toàn quốc một cách tự động, nâng cao hiệu quả sử dụng tài nguyên trên toàn hệ thống.
• Các tài liệu bằng giấy đều được số hóa, phân loại và lưu trữ tập trung trong hệ thống ECM. Từ một nguồn lưu trữ thống nhất này, các hệ thống khác như iCdoc, edocman, LOS dễ dàng kết nối và lấy dữ liệu để phục vụ các tác nghiệp của cán bộ ngân hàng.
• Dữ liệu được xử lý bóc tách tự động nhằm phục vụ cung cấp thông tin đầu vào cho các ứng dụng khác thay vì nhập thủ công, mất nhiều thời gian mà không chính xác như trước đây.
• Kết nối toàn bộ các chi nhánh trên toàn quốc với hội sở theo mô hình quản lý tập trung.
• Cho phép linh hoạt mở rộng năng lực và chức năng của hệ thống khi ngân hàng phát triển mạnh mẽ về quy mô.
• Đội ngũ IT của Ngân hàng được đào tạo bài bản với kiến thức công nghệ chuyển giao từ các đối tác và đã thực sự làm chủ được giải pháp.

Read More

Angular 7 vs React

Angular is a fully-fledged MVC framework and React is simply a JavaScript Library.

Here’s what Angular provides directly out-of-the-box:
-Templates, based on an extended version of HTML
-XSS protection
-Dependency injection
-Ajax requests by @angular/HTTP
-Routing, provided by @angular/router
-Component CSS encapsulation
-Utilities for unit-testing components
-@angular/forms for building forms
-Write once run everywhere

React provides the following “out of the box”:
-Instead of classic templates, it has JSX, an XML-like language built on top of it
-JavaScript
-XSS protection
-No dependency injection
-Fetch for Ajax requests
-Utilities for unit-testing components
-Learn once write anywhere

Read More

Beginning elasticsearch

1.Elasticsearch concepts

wikipedia talks about elasticsearch:
Elasticsearch is a search engine based on Lucene. It provides a distributed, multitenant-capable full-text searchengine with an HTTP web interface and schema-free JSON documents. Elasticsearch is developed in Java and is released as open source under the terms of the Apache License. Official clients are available in Java, .NET(C#), PHP, Python, Apache Groovy, Ruby and many other languages.^[1] According to the DB-Engines ranking, Elasticsearch is the most popular enterprise search engine followed by Apache Solr, also based on Lucene.^[2]

elasticsearch definition from elastic site:

Elasticsearch is a real-time distributed search and analytics engine. It allows you to explore your data at a speed and at a scale never before possible. It is used for full-text search, structured search, analytics, and all three in combination:

• Wikipedia uses Elasticsearch to provide full-text search with highlighted search snippets, and search-as-you-type and did-you-mean suggestions.
• The Guardian uses Elasticsearch to combine visitor logs with social -network data to provide real-time feedback to its editors about the public’s response to new articles.
• Stack Overflow combines full-text search with geolocation queries and uses more-like-this to find related questions and answers.
• GitHub uses Elasticsearch to query 130 billion lines of code.

Read More