Cara membuat bootstrap dalam aplikasi baru menggunakan React

  

Cara membuat aplikasi baru menggunakan React

 

1.       Buatlah Aplikasi React menggunakan terminal command line pada Software Visual studio Code  dan tekan Enter.

npx create-react-app my-app

my-app adalah nama folder tempat penyimpanan aplikasi yang dibuat menggunakan react.

2.       Ubahlah direktori menuju nama folder yang telah dibuat dengan mengetik perintah cd+nama folder seperti dibawah ini. Kemudian tekan Enter.

cd my-app

Project Structure: kita berada dalam project direktori seperti yang kita telah berhasil membuat aplikasi react As  dan install package yang telah dibutuhkan. Setelah membuat aplikasi react , struktur proyek akan terlihat seperti pada gambar berikut.

 

3.  Pilih terminal nodejs pada command line terminal. Jika kita ingin menginstal bootrap di aplikasi react yang saja dibuat . Arahkan menuju folder direktori aplikasi yang telah dibuat . Disini nama foldernya adalah B:\my-app>.

npm install bootsrap

Bootstrap telah berhasil diinstall. Pilih folder dan version bootstrap yang diinstall dengan mengamati dalam folder node_modules.

Versi bootstrap yang telah diinstall dapat juga diamati di file package.json .

Filename: package.json

4.  Setelah install bootstrap, import  Bootstrap minified CSS file dan  Bootstrap JavaScript minified bundle file kedalam index.js dimana ada dalam  B:\my-app\src.

import 'bootstrap/dist/css/bootstrap.min.css';

import 'bootstrap/dist/js/bootstrap.bundle.min';

 

dua pernyataan diatas dibutuhkan didalam file index.js untuk mengimpor dependencies didalam file react supaya menggunakan kelas bootstrap di dalam React app component.

Filename: index.js

5.   Install popper.js dan jquery untuk menggunakan komponen javascript bootstrap. Untuk menginstall jquery dan popper.js silahkan buka terminal dalam folder my-app , ketik perintah berikut di terminal command line laulu tekan enter.

npm install jquery popper.js

setelah install import kedua dependencies ke dalam aplikasi React didalam case index.js . berikut kedua statement yang digunakan untuk mengimpor dependencies ini.

import $ from 'jquery';

import Popper from 'popper.js';

 

Filename: index.js

6.   Buatlah bootstrap sederhana sebagai contoh bootstrap button  didalam case nama file App.js.

FileName : App.js

7.       Run aplikasi React dengan mengetik perintah deploy pada command line terminal nodejs seperti dibawah ini

       npm start

8.       Setelah running server , kita akan melihat output layer  seperti dibawah ini.

Education is the most important thing in our life

  Education is the most important things in our life, this means that every human being is entitled to and expect to always evolve in education. In general, Education has meaning in the life of a process to develop themselves each individual to live and sustain life.

The high cost of a higher education is often an obstacle for many people to get a higher degree, especially for students from low-income families. Another reason for deciding do not continue their education to college when anybody from the family members of students who never attended college education.

Although these reasons are valid, one must understand that there are many benefits and importance of higher education as a better quality of life in the future. To better understand the value of higher education for the future, in my opinion, there are some of the main benefits of the importance of higher education.

1)      Certified or Diploma

Diploma and academic transcript as a bridge to the world of work. If you want to be the most flattering as an office employee at a company that has a  multi-storey building, the initial capital you are diplomas and academic transcripts, but there are still many who are unemployed wit GPA above 3 because it does not have the skill and experience. Diplomas are also helpful to make our parents proud and our capital to discuss marriage to the future in-law.

 

2)      The job opportunities

We can not deny that people who have a college degree is more valued and sought after in the job market compared to those who have just graduated from high school and even if the big companies recruit people, they will obviously choose those with a college degree.

 

3)      Progress in career

One of the benefits of higher education is that a person is far more likely to get a promotion and make progress in their chosen fields. A Higher degree makes a person more knowledgeable and encouraged to be creative.

 

4)      Income

Studies have shown that people who have higher levels of education attend to earn about 25 % more than those who have not.  The reason behind it is that people with professional degrees usually have deeper knowledge in their field, plus experience key has gained during their studies. This makes them easier to get a higher position.

 

5)      Self-esteem

When a person has knowledge. He has a weapon in his career. He will not only be a much happier person but might be very confident too. Happy people will be productive in the workplace and also good in his personal relationships.

Not only the person and his family were able to enjoy the benefits of education , the general public also is useful. Research has shown that the less educated would be more productive to commit a crime. With views of benefits, the get a college education is important

 

6)      Personality

Education degrees not only revolved around academics. A student participates in a number of extra-curricular activities during the years in college. He worked on a number of presentation and assignments. All this helps in the formation of one’s personality. The real fact is that higher education helps in increasing one’s knowledge, analytical and problem-solving skills.

 

7)      Consistency and Responsibility

Consistency is doing an activity continuously diligently and correctly without getting out of track or constraints that have been specified and in accordance with the word that has been leveled. Consistency is a human behavior to uphold a principle or establishment of everything that has been determined. Responsibility is man's consciousness of behavior or intentional act or not on purpose. The responsibility also means do as the embodiment of awareness of their obligations. The both are part of the personal development . When the lecture, consistency, and responsibilities will be honed when faced with various problems such as completing the tasks of lecturers and later on consistency and responsibility we will be indispensable in the world of office. But for me personally, these two things don not have to be obtained through the world of college.

8)      Knowledge and skill

Maybe only 10-25% of knowledge and skills gained from the lectures that will be useful in the world of work and entrepreneurship. Science that most can be found the internet. When you know how to seek knowledge on the internet, the knowledge you get will be larger than a college professor. To get a big skill takes a lot of experience success and failure. You can get the skill of working side (outside campus) and his own practice.

9)      Organization

When we have the experience organization, we also gain experience as management and leadership. To get a great experience in the organization through the world of office, NGOs, and community. There is benefit you join the organization such as first ,Increase knowledge. Knowledge of students grows not only by reading books and following the lectures of professors but also through the organization. If books and lectures may be more theoretical, participating organizations can pass the knowledge gained real world directly. People in the organization are frequently arranged activities associated with the community. Second, Expanding Network Sign organizational means for joining a network. Usually, they are joined in a container of the same organization brotherhood strong. When to follow and be certain steering committee, a member of the organization could be connected with other competent parties. Not surprisingly, children who are active organization has a lot of relationships of the class students to politicians and officials. Third , we have many friends The benefits most commonly perceived as participating organizations have many good friends are friends connected with organizations that followed or coming from another organization. If the focus of a lecture course, may be a known friend just a classmate and same lecture. However, it makes the organization a student will get to know more people and different kind of college campus. Fourth ,you have the ability to honed by meeting and discussing with many people, indirectly, a person's interpersonal skills honed. Students are busy college course and closed may be intellectually smart but poor in terms of social and communication with others. Organizing is a way hones and improves relations with various people with different characters. Fifth, Learning leadership, an organization is one way to develop the fundamentals of leadership in a person. Although the class is also no division performance as class president, treasurer, secretary and so on. Slightly different from the organizations where broader scope. With the division of labor based on the team, each member of the organization is honed confidence and in influencing others on purpose.

 

 

Tableau Platform visualisasi data interaktif untuk Bussiness Intellience

 

Tableau

Tableau adalah software yang membantu manajemen dalam mempercepat pengambilan keputusan berdasarkan visualisasi data. Perkembangan bisnis proses organisasi berlangsung sangat cepat maka untuk mendukung kecepatan tersebut dibutuhkan keakuratan yang berdasarkan dengan data. Tableau adalah tools/platform untuk membuat visualisasi data lebih interaktif, mudah dibaca, dan mudah dianalisa.

Sebuah platform analitik visual transformasi yang menggunakan data untuk menyelesaikan masalah pemberdayaan orang dan organisasi untuk membuat banyak data. Visualisasi yang dapat dilakukan adalah mengubah data tabel yang kaku menjadi bentuk grafik, diagram, geo mapping dan mampu memperlihatkan perubahan dan perbedaan data menjadi lebih jelas.

Seseorang yang menggunakan aplikasi ini biasanya digunakan untuk memvisualisasikan dan menyederhanakan pola   analisis BI atau business intelligence. Untuk itu, jangan heran bila aplikasi ini menjadi salah satu aplikasi favorit para BI. Karena, terdapat banyak sekali fitur menarik di dalam aplikasi yang dibuat pada tahun 2003 lalu ini.

Aplikasi ini mampu menyediakan scorecards dan dashboards, pemrosesan analitik online, ad hoc analysis and queries, pencarian BI, penemuan data, integrasi dengan spreadsheet¸ dan masih banyak lagi.

Berdasarkan laman Intellipaat, terdapat setidaknya empat fungsi utama dalam aplikasi ini, yaitu menerjemahkan data menjadi bentuk visualisasi yang menarik, mengelola metadata, mengimpor berbagai range date dan ukurannya, serta membuat visualisasi data tanpa repot.

 

Beberapa keunggulan aplikasi tableau yang bisa dipertimbangkan diantaranya adalah sebagai berikut :

1. Pilihan Visual yang Interaktif

Kelebihan pertama dari aplikasi Tableau adalah tampilan visual yang interaktif dan  menarik yang mampu memuat pilihan grafik yang bisa bergerak.

2. User Friendly

Jangan khawatir bila Anda tidak bisa menggunakan bahasa pemrograman atau coding. Karena, Tableau adalah aplikasi yang sangat user friendly. Anda yang tidak bisa melakukan coding dan dunia business intelligence pun akan cepat memahami cara penggunaan aplikasi ini.

3. Mengolah Banyak Sumber Data

Terkadang, Anda harus mengolah data yang banyak dan berasal dari beragam sumber secara bersamaan. Nah, aplikasi Tableau adalah aplikasi yang bisa membantu Anda untuk melakukan hal tersebut. Dilansir dari laman KnowledgeHut, Anda bisa menggabungkan beragam sumber data, spreadsheet, cloud, big data, dan berbagai jenis data lainnya secara mudah.

4. Dashboard Mobile Friendly

Adalah hal yang biasa untuk melakukan visualisasi data dengan menggunakan PC atau laptop. Tapi bila Anda menggunakan aplikasi ini, Anda bisa mengolah berbagai data hanya dengan menggunakan smartphone atau tablet Anda.

5. Terintegrasi Dengan Bahasa Skrip

Walaupun Tableau mampu membantu Anda untuk menghitung berbagai data. Tapi terkadang Anda tetap harus melakukan perhitungan yang rumit. Nah dengan aplikasi ini, Anda bisa melakukan integrasi data menggunakan dua bahasa data science, yaitu Phyton dan R.

Ada berbagai produk yang ditawarkan Tableau untuk menganalisis dan memvisualisasikan data, yaitu sebagai berikut.

1. Tableau Desktop

Fungsi produk Tableau yang satu ini adalah menganalisis , mengeksplor, dan menghubungkan data. Selain itu, kamu juga bisa membuat storyboard, dashboard, dan laporan.

2. Tableau Online

Tableau Online adalah sebuah software as a service (SaaS) yang banyak digunakan oleh perusahaan karena kemudahannya untuk berkolaborasi.

3. Tableau Server

Perusahaan dapat membagikan sumber data, dashboard, laporan pada semua karyawan dalam perusahaan tersebut dengan Tableau Server.

Server tersebut bisa di-hosting di perusahaan atau melalui Amazon Web Services (AWS).

Produk Tableau yang satu ini sangat membantu perusahaan besar untuk menyediakan keamanan, tata kelola, governance, dan skalabilitas kerja.

4. Tableau Mobile

Sesuai namanya, Tableau Mobile adalah aplikasi Tableau yang bisa kamu gunakan secara gratis di iPad, iPhone, tablet Android, mobile browser, dan sebagainya. Kamu bisa membuka dan mengedit data di dashboard Tableau tersebut.

5. Tableau Public

Produk Tableau yang satu ini bisa diakses oleh siapa pun secara gratis. Biasanya, para jurnalis, blogger, dan siapa pun yang bekerja dengan data menggunakan Tableau Public untuk menganalisis data publik dan pribadi.

6. Vizable

Vizable adalah aplikasi gratis di iPad untuk menganalisis data pribadi atau bisnis. Kemudian, kamu bisa membagikan hasil analisis data tersebut kepada rekan kerjamu melalui email, jejaring sosial, maupun media sosial.

Perbedaan Tableau VS Microsoft Excel

Tableau	Microsoft Excel
Visualisasi data yang interaktif bergambar	Visualisasi data bisa diterapkan setelah data direpresentasikan dalam bentuk tabel baris dan kolom
Tidak pakai rumus dan tabulasi,tapi langsung menghubungkan kolom-kolom yang ingin divisualisasikan	Diperlukan penguasaan rumus dan tabulasi untuk bisa menjelajahi data
Dapat tehubung dengan server secara realitme	Diperlukan juga beberapa pemrograman fungsi agar bisa menghasilkan visualisasi data yang real time.