Membuat Program PHP Dengan FLOWCHART Yang Sudah Di Buat

Membuat Program  PHP Dengan FlowChart Yang Sudah Di Buat

 

Gambar PHP

Yooo sobatt..setelah pada artikel sebelum nya kita sudah bisa membuat FlowChart, Sekarang kita akan mengaplikasikan FlowChart yang sudah kita buat ke dalam bahasa pemrograman PHP

Oke..... langsung saja Hal pertama yang harus kita lakukan adalah menjalankan XAMPP terlebih dahulu, Kalau tidak punya bisa download dulu di sini,

XAMPP

Jika sudah menjalankan Apache & MySQL, Sekarang buka text editor kalian masing-masing  lalu ketikan SOURCE CODE di bawah ini pada text-editor kalian

SOURCE CODE PHP

Jika sudah silahkan save file nya di c/xampp/htdocs/namafile.php lalu buka di browser dengan mengetikan localhost/namafile.php pada url  

nah di atas adalah hasil dari program PHP yang sudah kita buat berdasarkan FlowChart pada artikel sebelumnyaa..

Keterangan :
- Line 1 pada SOURCE CODE di atas adalah Open tag pada PHP fungsinya adalah untuk memulai program dalam PHP

- Line 3-4 pada SOURCE CODE di atas adalah tahap pendeklarasian
- Line 6-6 pada SOURCE CODE di atas adalah proses berdasarkan kondisi yang ada
- Line 12  pada SOURCE CODE di atas adalah Close tag berfungsi untuk menutup/mengakhiri program dalam PHP

 Bagai mana mudah bukan?

Untuk kalian yang belum paham bisa membaca materi tentang membuat FlowChart Percabangan 2 kondisi terlebih dahulu 
LINK :http://www.se-corp.zone.id/2018/11/membuat-flowchart-percabangan-2-kondisi.html

Jangan lupa share jika kalian suka ^_^

Membuat Flowchart Percabangan 2 Kondisi

Cara membuat flowchart percabangan 2 kondisi

simbol decision

Setelah kita mengetahui simbol-simbol flowchart yang sudah kita bahas pada artikel Mengenal Simbol Pada Flowchart,  kali ini kita akan membuat flowchart percabangan 2 kondisi

Algoritma nya adalah seperti berikut :

- Suatu sekolah menetapkan standar nilai untuk mata pelajaran tertentu
- Jika nilai siswa kurang dari standar maka ia dinyatakan gagal
- Sebaliknya jika nilai siswa pas atau melebihi standar  maka ia dinyatakan berhasil

Berikut adalah flowchart beserta penjelasan yang sudah saya buat berdasarkan Algoritma di atas

1. Mulai/Start

 Menandakan bahwa program dalam flowchat sudah di mulai

2. Deklarasi 

Mendeklarasikan atribut-atribut pada suatu Algoritma 
Contoh : pada flowchat di atas saya mendeklarasikan nilai terhadap nilai_siswa & standar_nilai

3. Decision 

Melakukan proses pemilihan berdasarkan kondisi yang ada, proses ini akan menghasilkan nilai bolean
Contoh : pada flowchart di atas saya memberikan kondisi jika nilai_siswa >(lebih besar) dari standar_nilai  maka akan menghasilkan nilai true dan akan menghasilkan false jika nilai_siswa tidak lebih besar dari standar_nilai

4.Output

    
Output bersifat relative berdasarkan kondisi dan nilai yang di porses
Contoh : jika nilai yang di berikan 65 maka output akan bernilai false atau gagal

5. Selesai 

Menandakan Program sudah selesai.

Nah  tadi di atas adalah cara membuat flowchart percabangan 2 kondisi, Mudah bukan?

 

Perbedaan UI & UE

Apa sih sebenarnya UE dan UI itu? 

User Experience

User Experience Design atau yang biasa disebut UX Design yaitu adalah:
Proses meningkatkan kepuasan pengguna (pengguna aplikasi, pengunjung website) dalam meningkatkan kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk.



Bahasa gampangnya, UX Design itu proses membuat sebuah website atau aplikasi yang kamu buat menjadi mudah untuk digunakan dan tidak membingungkan ketika digunakan oleh pengguna.
Dasar

User Interface

User Interface Design atau yang bahasa Indonesianya itu Desain Antarmuka Pengguna adalah :
Desain antarmuka untuk mesin dan perangkat lunak, seperti komputer, peralatan rumah tangga, perangkat mobile, dan perangkat elektronik lainnya, dengan fokus pada memaksimalkan pengalaman pengguna.



Bahasa gampangnya yaitu UI Design adalah bagaimana suatu website atau aplikasi yang kamu buat terlihat seperti apa. Orang biasa menyebutnya sebagai tampilan atau desain sebuah website.

Perbedaan UE dan UI

Banyak orang yang salah kaprah bahwa UI sama UX itu adalah suatu hal yang sama. Pada faktanya UX dan UI itu berbeda, namun satu sama lain saling berhubungan.

Pada dasarnya, User Experience adalah tentang “memahami penggunamu”. Tujuan UX adalah mencari tahu siapa mereka, apa yang mereka capai dan apa cara terbaik bagi mereka untuk melakukan “sesuatu”.

UX berkonsentrasi pada bagaimana sebuah produk terasa dan apakah itu memecahkan masalah bagi pengguna.

Sedangkan User Interface adalah bagaimana suatu website atau aplikasi yang kamu buat terlihat dan berbentuk seperti apa. Hal tersebut mencakup Layout (tata letak), Visual Design (desain visual) dan Branding.

 

Membuat Program Hello world di JAVA

Setelah kita mengenal apa itu bahasa pemrograman JAVA pada artikel (pengenalan JAVA)
Sekarang kita akan membuat program Hello world menggunakan bahasa pemrograman JAVA
untuk membuat program dengan JAVA kalian harus menyiapkan dulu bahan" nya antaralain

-NetBeans IDE 7.3 RC1

Jika sudah buat dulu project baru dengan cara klik pojok kiri atas lalu klik new project > categories:java, project:javaapplication > next > isi nama project mu 

jika sudah ketikan source code system.out.println("hellow word"); di bawah public static void main(String[] args) {

contoh :




jika sudah kita akan run dengan cara menakan alt+f6 maka output nya akan seperti ini

 Keterangan

1 system.out.print adalah perintah untuk menampilkan sesuatu inputan

Membuat Program Hello world dengan PHP

Setelah kita mengenal apa itu bahasa pemrograman PHP pada artikel (pengenalan PHP)
Sekarang kita akan membuat program Hello world menggunakan bahasa pemrograman PHP
untuk membuat program dengan php kalian harus menyiapkan dulu bahan" nya antaralain

 - XAMPP
 - SUBLIME TXT/NOTEPAD++

Jika sudah mengintsal XAMPP pada komputer kalian langkah pertama yang harus di lakukan adalah menjalankan APACHE & MYSQL

contoh :

Jika sudah sekarang kita buka SUBLIME TEXT nya lalu ketikan Source code di bawah ini

Syarat untuk memanggil file PHP pada XAMPP adalah dengan cara menyimpan file nya kedalam file htdocs maka kita akan save file ini ke dalam file htdocs 

contoh :

disini saya memberikan nama hello-word pada filenya dan jangan lupa menambahkan .php pada belakang nama file karna ini adalah program PHP

setelah kita save langkah berikut nya adalah memanggil file tersebut dengan mengetikan
localhost/namafile.php pada web browser

contoh :

Keterangan ;

1.<?php pada baris pertama adalah untuk memulai program dengan bahasa pemrograman php
2. echo adalah perintah untuk menuliskan kalimat yang di inputkan
3. ?> tutup dari open tag (<?php) menandakan bahwa program sudah selesai dan siap di save

Membuat Program pertama Hello Word di PASCAL

Setelah kita mengenal apa itu bahasa pemrograman PASCAL pada artikel (pengenalan PASCAL)
sekarang kita akan membuat program hello world di PASCAL
Pertama pastikan kamu sudah menginstal FREE PASCAL jika belum ada bisa download di sini

jika sudah ada langsung kita Ketik Source code di bawah ini pada FREE PASCAL kalian




jika sudah tinggal kita run saja  dengan menggunakan ctrl+f9 maka output nya akan seperti ini



Keterangan :

1. Baris pertama tidak mempengaruhi apapun karena itu hanyalah nama program
2. Baris kedua uses crt;
    uses : digunakan untuk memanggil unit library pascal. sedangkan crt adalah salah satu unit pada                  pascal  unit crt terdapat implementasi fungsi BIOS untuk screen (layar) dan interface                          keyboard. contoh fungsi screen adalah ClrScr, yang kita gunakan pada baris ke 4. 

3. begin pada baris ke 3 adalah untuk memulai program pada pascal

4. clrscr berfungsi untuk membuat tampilan bersih saat proses runing program

5. writeln pada baris ke 5 adalah perintah untuk menuliskan kalimat bisa juga menggunakan write

6.readln; pada baris ke 6 adalah untuk membaca inputan dalam program

7. end  pada baris terahir menandakan bahwa program sudah selesai dan siap di run

Simbol-Simbol FLOWCHART

Simbol-simbol FLOWCHART

Setelah kita mengenal apa itu  FLOWCHART yang sudah di bahas pada artikel sebelumnya 
(Pengenalan flowchart) 
kali ini kita akan membahas simbol-simbol yang ada pada FLOWCHART 
berikut adalah simbol-simbol yang terdapat FLOWCHART

1. Flow Direction symbol
Yaitu simbol yang digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain. Simbol ini disebut juga connecting line.

 2.Connector Symbol
Yaitu simbol untuk keluar – masuk atau penyambungan proses pada lembar / halaman yang berbeda.

3.Connector Symbol
Yaitu simbol untuk keluar – masuk atau penyambungan proses dalam lembar / halaman yang sama.

4.Processing Symbol
Simbol yang menunjukkan pengolahan yang dilakukan oleh komputer

5.Simbol Decision
Simbol pemilihan proses berdasarkan kondisi yang ada.

6.Simbol disk and On-line Storage
Simbol yang menyatakan input yang berasal dari disk atau disimpan ke disk.

7.Simbol Display
Simbol yang menyatakan peralatan output yang digunakan yaitu layar, plotter, printer dan sebagainya.

8.Simbol Input-Output
Simbol yang menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya

9.Simbol Manual Input
Simbol untuk pemasukan data secara manual on-line keyboard


 10.Simbol Manual Operation
Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh komputer

11.Simbol Predefine Proses
Simbol untuk pelaksanaan suatu bagian (sub-program)/prosedure

12.Simbol Preparation
Simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.



13.Terminator Symbol
Yaitu simbol untuk permulaan (start) atau akhir (stop) dari suatu kegiatan



Di atas adalah simbol-simbol yang ada pada FLOWCHART total ada 13 simbol lebih baik untuk kita memahami fungsi dari simbol-simbol pada flowchart daripada menghafal simbol-simbol tersebut

Pengenalan CSS

Apa Itu CSS ?

CSS adalah kependekan dari Cascading Style Sheet. 

CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. 

Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL (XML User Interface Language).

Pengenalan PHP

Apa itu PHP?

*PHP adalah singkatan dari PHP : Hypertext Preprocessor. Di mana huruf ‘P’ pada kata PHP merupakan singkatan dari kata PHP itu sendiri atau yang sering disebut rekursif.

*Maksud dari rekursif adalah PHP memiliki kemampuan / fungsi untuk memanggil dirinya sendiri. Pengertian PHP adalah bahasa pemrograman script server side yang sengaja dirancang lebih cenderung untuk membuat dan mengembangkan web.

*PHP merupakan bahasa pemrograman paling populer yang digunakan dalam membuat sebuah website. Berdasarkan survei dari Wtechs, bahasa pemrograman PHP merupakan bahasa pemrograman server-side yang paling populer dibandingkan ASP.NET maupun dengan Java.

Pengenalan Pascal

Apa itu pascal ? 

Pascal adalah salah satu bahasa pemrograman komputer yang sering dipakai untuk belajar algoritma dan pemrograman bagi pemula terutama di bidang akademis.

Saat ini Pascal juga masih menjadi bahasa pemrograman standar untuk lomba Olimpiade Sains Nasional (OSN) bidang komputer. Selain itu, mayoritas jurusan komputer di Indonesia juga menggunakan bahasa Pascal di tahun pertama bangku kuliah.

Nama Pascal diambil dari ahli matematika Prancis abad pertengahan, Blaise Pascal. Bahasa Pemrograman Pascal dikembangkan oleh Niklaus Wirth pada tahun 1970 dan mencapai puncak kepopulerannya di pada era 1970 hingga awal 1990an (terutama dengan compiler Turbo Pascal).

Pengenalan Java

Apa sih JAVA itu? 

*Java adalah bahasa pemrograman yang dapat membuat seluruh bentuk aplikasi, desktop, web, mobile dan lainnya, sebagaimana dibuat dengan menggunakan bahasa pemrograman yang lainnya. Bahasa pemrograman java memiliki gaya yaitu pemrograman berorientasi objek atau lebih dikenal dengan OOP.

*Java mengadopsi gaya bahasa dari C dan C++, Java mengambil kelebihannya dan meninggalkan kekurangan dari bahasa tersebut. Bahasa pemrograman java dapat dijalankan disetiap sistem operasi, oleh sebab itu java banyak digunakan oleh banyak programmer .

*Java memiliki slogan yaitu “Write once, run anywhere” atau disebut juga dengan “Tulis sekali, jalankan dimanapun”.