DOSCOM

Dinus Open Source Community

sebuah komunitas yang bergerak

dibidang Opensource

Visi & Misi

"meMasyarakatkan OpenSource dan

mengOpenSourcekan masyarakat"

Basecamp

gedung D | lantai 1 | bawah tangga

Universitas Dian Nuswantoro Semarang

Sejarah

dahulu kala pada tanggal 16 November 2007

GLADIATOR

Gabungan Linuxer

Mahasiswa Dian Nuswantoro

OpenSource

Gratis belum tentu Bebas

Sejarah

pada Tahun 1998 (sebelum masehi)

OSI (Open Source Initiative)

Open Source

ibarat Gotong Royong,

Semua untuk satu

Satu untuk semua

terus?

apasih maksudnya Open Source

?

?

?

Maksudnya

Open Source bukan hanya tentang

menggunakan software Gratis

Tapi

semua tentang kebebasan

Ululu

Ululu

Ululu

di gunakan

bebas

di pelajari

bebas

di modip :v

bebas

di bagi

bebas

di akses

bebas

Intinya

apapun yang kalian inginkan

basic Web Programming

['HTML' , 'CSS' , 'JS','PHP']

<html>
<head>
    <title> title </title>
    <!-- libraries -->
</head>
<body>
    <!-- content -->
</body>
</html>

HTML (hyper text markup language)

# Kerangka Dasar


<tag attribute="values">
    content
</tag> <!-- close tag -->

HTML (hyper text markup language)

# Penulisan Dasar

contoh

h1 : tag | style : attribute | color:red : values

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <!-- css -->
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1 style="color:red;">Ini Judul</h1>

    <!-- js -->
    <script src="main.js"></script>
</body>
</html>
tag.class {
    atrribut : value;
}
tag#id {
    attribut : value;
}

CSS (cascading style sheet)

# Penulisan Dasar

contoh

h1 : tag | tebal : nama class| merah : nama id

['font-weight','color'] : attribut

['bold','red'] : value

h1.tebal {
    font-weight : bold;
}
h1#merah {
    color : red;
}
function namaFungsi (parameter) {
    // statement
}
var namaVariable = "Values"

JS (javascript)

# Penulisan Dasar

contoh

membuat fungsi dengan nama cetakNama dengan parameter fungsi xName dan memiliki statement document.write(). Kemudian mendifinisikan Nama dengan Values Abas, memanggil fungsi cetakNama() dan menghasilkan output "Abas".

function cetakNama (xName) {
    document.write(xName)
}
var nama = "Abas"
cetakNama(nama)

>>> Abas
function namaFungsi ($parameter) {
    // statement
}
$namaVariable = "Values"

PHP (PHP : hypertext preprocessor)

# Penulisan Dasar

contoh

function cetakNama ($xName) {
    echo $xName
}
$nama = "Abas"
cetakNama($nama)

>>> Abas

membuat fungsi dengan nama cetakNama dengan parameter fungsi xName dan memiliki statement echo. Kemudian mendifinisikan Nama dengan Values Abas, memanggil fungsi cetakNama() dan menghasilkan output "Abas".

Bulma is a free and open source CSS framework based on Flexbox.

bulma.io

laravel

The PHP Framework For Web Artisans

Composer

Dependency Manager

Abas_$ composer create-project laravel/laravel oots

Init Project (memulai project baru)

membuat project baru dengan nama oots

....
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=oots
DB_USERNAME=root
DB_PASSWORD=zavier
....

Setting-up environment

nama database "oots"

username database "root" // user di phpmyadmin kalian

password database "zavier" // password di phpmyadmin kalian

 

*kalo gk bisa biasanya passwordnya kosong

Abas_$ php artisan key:generate

generating key

APP_KEY=base64:w8Hjdrt6OvKi1Ut+I9dH0mYk6yfcs0mSLMcENOCkq/8=

di .env

Abas_$ php artisan serve

run server localy

Laravel development server started: <http://127.0.0.1:8000>

open on browser url :

http://127.0.0.1:8000 or localhost:8000

OOTS 2018

By Ahmad Basir

Made with Slides.com

OOTS 2018

  • 226

More from Ahmad Basir