LISTING PROGRAM. <?php include 'admin/koneksi.php';?> <!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->

Size: px
Start display at page:

Download "LISTING PROGRAM. <?php include 'admin/koneksi.php';?> <!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->"

Transcription

1 LISTING PROGRAM 1. Index.php <?php ob_start(); session_start();?> <?php include 'admin/koneksi.php';?> <!DOCTYPE html> <!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]--> <!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]--> <!--[if (gte IE 9)!(IE)]><!--><html lang="en"><!--<![endif]--> <head> <!-- Basic Page Needs <meta charset="utf-8"> <title>aplikasi Agenda Berbasis Web BY YUDIKA PEBRIAN</title> <!-- Mobile Specific

2 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- CSS <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" href="admin/css/tables.css"> <link href="css/ui-lightness/jquery-ui custom.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout"> <link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors"> <link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors"> <script src="js/jquery js"></script> <script src="development-bundle/ui/jquery.ui.core.js"></script> <script src="development-bundle/ui/jquery.ui.widget.js"></script> <script src="development-bundle/ui/jquery.ui.datepicker.js"></script> <script> $(function() { $( "#from" ).datepicker({ defaultdate: "+1w", changemonth: true,

3 numberofmonths: 2, onclose: function( selecteddate ) { $( "#to" ).datepicker( "option", "mindate", selecteddate ); $("#from").datepicker("option",{dateformat:'yy-mm-dd'}); } }); $( "#to" ).datepicker({ defaultdate: "+1w", changemonth: true, numberofmonths: 2, onclose: function( selecteddate ) { $( "#from" ).datepicker( "option", "maxdate", selecteddate ); }); }); $("#to").datepicker("option",{dateformat:'yy-mm-dd'}); </script> <!-- Styles Switcher </head> <body>

4 <!-- Wrapper Start --> <div id="wrapper"> <!-- Header <! Container --> <div class="container ie-dropdown-fix"> <!-- Header --> <div id="header"> <!-- Logo --> <div class="eight columns"> <div id="logo"> <a href="#"><img src="images/logoheder.png" alt="logo" id="logo1"/></a> <div class="clear"> <!-- Social / Contact --> <div class="eight columns">

5 <!-- Social Icons --> <div class="clear"> <!-- Contact Details --> <div id="contact-details"> <ul> <li><i class="mini-ico-calendar"></i><a href="#"><?php echo date("d-m-y");?></a></li> <li><i class="mini-ico-user"></i><?php if($_session['id_anggota']){ echo '<a href="index.php?page=akun_anggota">'. $_SESSION['username_anggota']. '</a>'; } else { echo "Hello, Guest"; }?></li> </ul>

6 <!-- Header / End --> <!-- Navigation --> <div class="sixteen columns"> <div id="navigation"> <ul id="nav"> <li><a href="index.php">home</a></li> <?php if($_session['id_anggota']){?> <li><a href="logout.php">logout</a></li> <?php } else {?> <li><a href="index.php?page=register">register</a> </li> <?php }?>

7 <li><a href="index.php?page=berita">berita</a></li> <li><a href="index.php?page=contact">contact</a></li> <li><a href="index.php?page=anggota">anggota</a></li> </ul> <!-- Search Form --> <div class="clear"> <!-- Navigation / End --> <! Container / End --> <?php if(isset($_get['page'])){ $page=htmlentities($_get['page']); }else{ $page="artikel"; }

8 $file="$page.php"; $cek=strlen($page); if($cek>30!file_exists($file) empty($page)){ include ("home.php"); }else{ include ($file); }?> <!-- Content <! Container --> <! Container --><! Container / End --> <!-- Social Icons <! Container --><! Container / End --> <!-- Regular Table <! Container --> <! Container / End --> <!-- Mini Icons

9 <! Container --><! Container End --> <!-- Icons <! Container --><! Container / End --> <!-- Wrapper / End --> <!-- Footer <!-- Footer Start --> <div id="footer"> <! Container --> <div class="container"> <!-- About --><!-- Useful Links --><!-- Photo Stream --><!-- Latest Tweets --> <ul id="twitter"></ul> <script type="text/javascript"> jquery(document).ready(function($){

10 $.getjson(' function(tweets){ $("#twitter").html(tz_format_twitter(tweets)); }); }); </script> <!-- Footer / Bottom --> <div class="sixteen columns"> <div id="footer-bottom"> Copyright 2014 by <a href="#">yudika PEBRIAN</a>. All rights reserved. <div id="scroll-top-top"><a href="#"></a> <! Container / End --> <!-- Footer / End --> <!-- Styles Switcher

11 <script src="admin/js/jquery-ui min.js"></script> <script src="js/custom.js"></script> <script type="text/javascript" src="admin/wysiswyg/jquery.wysiwyg.js"></script> <script src="admin/js/jquery.datatables.min.js"></script> <script src="js/custom.js"></script> <script src="js/selectnav.js"></script> <script src="js/flexslider.js"></script> <script src="js/twitter.js"></script> <script src="js/tooltip.js"></script> <script src="js/effects.js"></script> <script src="js/fancybox.js"></script> </body> </html> =

12 2. Contact.php <div class="container"> <div class="sixteen columns"> <!-- Page Title --> <div id="page-title"> <h2>kontak Kami</h2> <div id="bolded-line"> <!-- Page Title / End --> <! Container / End --> <! Container Start --> <div class="container"> <!-- Text -->

13 <div class="sixteen columns"> <p> Alamat : Jl. Dr Mansyur No.143 Medan </p> <p> Telepon : </p> <p> dika.rasio17@gmail.com </p> <br /> <!-- Contact Form --><!-- Contact Details -->

14 3. Change_password <?php $id_anggota = $_SESSION['id_anggota']; $sql_anggota = mysql_query("select * FROM anggota WHERE id_anggota = '$id_anggota'"); $array_anggota = mysql_fetch_array($sql_anggota);?> <div class="container"> <div class="sixteen columns"> <!-- Page Title --> <div id="page-title"> <h2>ubah Password<span> Anggota</span></h2> <div id="bolded-line"> <!-- Page Title / End -->

15 <div class="container"> <div class="twelve columns"> <!-- Post --> <div class="success-message"> <?php error_reporting (E_ALL ^ E_NOTICE); $post = (!empty($_post))? true : false; if($post){ $error = ''; $query = "SELECT * FROM anggota WHERE id_anggota = ". $_SESSION['id_anggota']; $hasil = mysql_query($query) or die(mysql_error()); $data = mysql_fetch_array($hasil); if ($data['password']!== $_POST['oldpassword']) { $error.= "Password Lama Salah.<br>";

16 } if($_post['newpassword']!= $_POST['cpassword']){ $error.= 'Password di bawah harus sama dengan password di atas.<br />'; } if(empty($error)){ $newpassword = $_POST['newpassword']; $query = "UPDATE anggota SET password = '$newpassword' WHERE id_anggota =". $_SESSION['id_anggota']; $hasil = mysql_query($query) or die(mysql_error()); if($hasil){ echo '<div class="notification success closeable"><p>password Anda Telah Berubah. Silahkan <a href="logout.php">logout</a> Untuk Mencobanya</p>'; } } else { echo '<div class="notification error closeable"><p>'.$error.'</p>'; } }

17 ?> <form method="post" action="" enctype="multipart/form-data"> <div class="field"> <label>password Lama: <span>*</span></label> <input type="password" name="oldpassword" class="text" required="required" /> <div class="field"> <label>password Baru: <span>*</span></label> <input type="password" name="newpassword" class="text" required="required" /> <div class="field"> <span>*</span></label> <label>konfirmasi Password Baru:

18 <input type="password" name="cpassword" class="text" required="required" /> <div class="field"> <input type="submit" value="ubah Password" name="login"/> </form> <!-- Post --> <!-- Post --> <?php include 'menu_kanan.php';?> <!-- Widget

19 KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : YUDIKA PEBRIAN Nomor Stambuk : Judul Tugas Akhir : APLIKASI AGENDA PRIBADI BERBASIS PHP dan MYSQL Dosen Pembimbing : Drs. Suyanto, M.Kom Tanggal Mulai Bimbingan : Tanggal Selesai Bimbingan : No. 1. Tanggal Asisten Bimbingan Pembahasan pada Asistensi Mengenai, pada Bab : Paraf Dosen Pembimbing Keterangan Disetujui Oleh, Ketua Program Studi D-3 Teknik Informatika Disetujui Oleh, Pembimbing, Dr. Elly Rosmaini, M.Si Drs. Suyanto, M.Kom NIP : NIP :

20 SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika : Nama : Yudika Pebrian NIM : Prog. Studi : D3 Teknik Informatika Judul TA : Aplikasi Agenda Pribadi Berbasis PHP dan MySQL Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal juni 2014 Dengan Hasil : Sukses / Gagal Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. Medan, Juni 2014 Dosen Pembimbing Drs. Suyanto, M.Kom NIP

21

LISTING PROGRAM. 1. Tampilan Awal. 2. Menu Login. Public Class Awal

LISTING PROGRAM. 1. Tampilan Awal. 2. Menu Login. Public Class Awal LISTING PROGRAM 1. Tampilan Awal Public Class Awal Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer1.Tick ProgressBar1.Increment(10) If ProgressBar1.Value

More information

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA PEMBAHASAN PADA ASISTENSI MENGENAI, PADA BAB

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA PEMBAHASAN PADA ASISTENSI MENGENAI, PADA BAB 62 KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan 20155 Telp. (061) 8211050, 8214290, Fax (061)

More information

Date Picker Haim Michael

Date Picker Haim Michael Date Picker Introduction The date picker is one of the most popular jquery widgets in use. It is highly configurable and extremely easy to implement. Introduction Simple Date Picker

More information

LAMPIRAN. Index.php. <?php. unset($_session["status"]); //session_destroy(); //session_destroy();

LAMPIRAN. Index.php. <?php. unset($_session[status]); //session_destroy(); //session_destroy(); LAMPIRAN Index.php unset($_session["status"]); //session_destroy(); //session_destroy();?>

More information

Kartu Bimbingan Tugas Akhir Mahasiswa

Kartu Bimbingan Tugas Akhir Mahasiswa KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No. 1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8214290, 8211212, 8211414

More information

/******************** Tunable parameters: ********************/

/******************** Tunable parameters: ********************/ 1. Smartass2.c / drivers/cpufreq/cpufreq_smartass2.c Copyright (C) 2010 Google, Inc. This software is licensed under the terms of the GNU General Public License version 2, as published by the Free Software

More information

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N LISTING PROGRAM 1. Listing Pembuka Dim strado$ Dim n As Integer Private Sub Close_Click() End Private Sub Command1_Click() If Option1.Value = True Then Search.Show If Option2.Value = True

More information

LAMPIRAN Kode Program

LAMPIRAN Kode Program 73 LAMPIRAN Kode Program 1. Index.php

More information

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N LAMPIRAN 1 Kode program frmbrowse (frmbrowse.frm) Public strsql As String Public xreturn As String Public xreturnname As String Public xreturnaddress As String Public cfilter As Integer

More information

Working Bootstrap Contact form with PHP and AJAX

Working Bootstrap Contact form with PHP and AJAX Working Bootstrap Contact form with PHP and AJAX Tutorial by Ondrej Svestka Bootstrapious.com Today I would like to show you how to easily build a working contact form using Boostrap framework and AJAX

More information

TUTORIAL CRUD CODEIGNITER

TUTORIAL CRUD CODEIGNITER TUTORIAL CRUD CODEIGNITER With MySQL Tutorial ini saya dedikasikan untuk yang baru terjun di framework codeigniter, dan para pemula yang ingin belajar secara otodidak. Crud merupakan kewajiban dasar yang

More information

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N LAMPIRAN 1. Listing Program Aplikasi e-election Berbasis SMS Gateway index.php

More information

Session 5. Web Page Generation. Reading & Reference

Session 5. Web Page Generation. Reading & Reference Session 5 Web Page Generation 1 Reading Reading & Reference https://en.wikipedia.org/wiki/responsive_web_design https://www.w3schools.com/css/css_rwd_viewport.asp https://en.wikipedia.org/wiki/web_template_system

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

Адаптивный дизайн веб-страниц с использованием сеточных технологий

Адаптивный дизайн веб-страниц с использованием сеточных технологий Адаптивный дизайн веб-страниц с использованием сеточных технологий ТНК 2018 Теоретический материал http://www.w3.org/tr/2015/wdcss-grid-1-20150917/#propdef-gridauto-columns 960 System (960.gs) Пример

More information

,.., «..»

,.., «..» ,.., 2018. 09.03.03.19 - «..».... 2018 1 : - 39, 5, 1. : -. :,, -,. -.,,. 2 ... 4 1 -. 6 1.1 -... 6 1.2 -... 9 1.3 -... 11 1.4, -... 13 2. - «..»... 16 2.1.... 16 2.2 CMS WordPress... 17 2.3 -... 22...

More information

http://nma.kcc.hawaii.edu/gargiulo/data/johndoe/spring/art128/2014/companyname1_step3/index.html 1 2 3 4 5 company Name 6 7

More information

web-sockets-homework Directions

web-sockets-homework Directions web-sockets-homework Directions For this homework, you are asked to use socket.io, and any other library of your choice, to make two web pages. The assignment is to create a simple box score of a football

More information

Web Development and HTML. Shan-Hung Wu CS, NTHU

Web Development and HTML. Shan-Hung Wu CS, NTHU Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web

More information

PRÍLOHY PRÍLOHY. Príloha 1 Náhľady vybraných podstránok webovej stránky

PRÍLOHY PRÍLOHY. Príloha 1 Náhľady vybraných podstránok webovej stránky PRÍLOHY Príloha 1 Náhľady vybraných podstránok webovej stránky Príloha 2 Vybrané časti zdrojového kódu V Prílohe 3 sa nachádza len niekoľko vybraných častí zdrojového kódu projektu. Kompletný zdrojový

More information

LAMPIRAN. a. Kode Program Untuk Halaman Cari Data Proyek

LAMPIRAN. a. Kode Program Untuk Halaman Cari Data Proyek LAMPIRAN 1. Kode Program a. Kode Program Untuk Halaman Cari Data Proyek

More information

Lampiran Source Code:

Lampiran Source Code: Lampiran Source Code: Halaman Login Siswa Sourcecode : @session_start(); $db = mysqli_connect("localhost", "root", "", "learning");

More information

Panduan Menggunakan Autoresponder FreeAutobot.com

Panduan Menggunakan Autoresponder FreeAutobot.com Panduan Menggunakan Autoresponder FreeAutobot.com Dengan memperolehi e-book ini, anda mempunyai kebenaran untuk memberi secara percuma kepada pelanggan anda atau tawarkan sebagai bonus kepada pembelian

More information

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">

<link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css> About the Tutorial Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI components help in constructing attractive, consistent, and functional web pages and web

More information

A designers guide to creating & editing templates in EzPz

A designers guide to creating & editing templates in EzPz A designers guide to creating & editing templates in EzPz Introduction...2 Getting started...2 Actions...2 File Upload...3 Tokens...3 Menu...3 Head Tokens...4 CSS and JavaScript included files...4 Page

More information

PHP for Site Modularity. Content Management

PHP for Site Modularity. Content Management PHP for Site Modularity Content Management Big sites The management of big websites presents a whole range of considerations that don't necessarily apply to small websites. Maybe you have lots of content

More information

The starter app has a menu + 2 Views : Dashboard. About

The starter app has a menu + 2 Views : Dashboard. About Front End The starter app has a menu + 2 Views : Dashboard About All views will be based on structure laid down in Layout layout/main.hbs. Includes Semantic-UI CSS library View content will

More information

Pratikum 8. Membuat Transaksi Penjualan

Pratikum 8. Membuat Transaksi Penjualan Pratikum 8 Membuat Transaksi Penjualan Transaksi adalah Hubungan tabel satu dengan yang lain menjadi sebuah form, di dalam form tersebut mengambil beberapa field dari tabel lain sehingga menjadi satu inputan.

More information

Asciidoctor Demo. Dan Allen

Asciidoctor Demo. Dan Allen Asciidoctor Demo Dan Allen Table of Contents 1. First Steps with AsciiDoc..................................................................... 1 1.1. Lists Upon Lists..........................................................................

More information

LAMPIRAN : LISTING PROGRAM

LAMPIRAN : LISTING PROGRAM 1 LAMPIRAN : LISTING PROGRAM 1. Modules a. Modul Vocab Modul ini mefinisikan persyaratan dan pesan dari beberapa data sebagai konstan Variabel. Shop Screen ShopBuy ShopSell ShopCancel Possession = "Beli"

More information

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 In this chapter, you will learn how to... LEARNING OUTCOMES Code relative hyperlinks to web pages in folders within a website Configure

More information

UX/UI Controller Component

UX/UI Controller Component http://www.egovframe.go.kr/wiki/doku.php?id=egovframework:mrte:ux_ui:ux_ui_controller_component_3.5 UX/UI Controller Component Outline egovframework offers the user an experience to enjoy one of the most

More information

Vebra Search Integration Guide

Vebra Search Integration Guide Guide Introduction... 2 Requirements... 2 How a Vebra search is added to your site... 2 Integration Guide... 3 HTML Wrappers... 4 Page HEAD Content... 4 CSS Styling... 4 BODY tag CSS... 5 DIV#s-container

More information

ssk 2023 asas komunikasi dan rangkaian TOPIK 4.0 PENGALAMATAN RANGKAIAN Minggu 11

ssk 2023 asas komunikasi dan rangkaian TOPIK 4.0 PENGALAMATAN RANGKAIAN Minggu 11 ssk 2023 asas komunikasi dan rangkaian TOPIK 4.0 PENGALAMATAN RANGKAIAN Minggu 11 PENILAIAN & KULIAH Kuliah Tugasan Ujian Teori Ujian Amali Isi kandungan 4.8 Menunjukkan asas pengiraan o Subnet Mask o

More information

1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206

1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206 Tamkang University Social Media Apps Programming Google Map API 1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206 Min-Yuh Day,

More information

UNIVERSITI SAINS MALAYSIA. CMT322/CMM323 Web Engineering & Technologies [Kejuruteraan & Teknologi Web]

UNIVERSITI SAINS MALAYSIA. CMT322/CMM323 Web Engineering & Technologies [Kejuruteraan & Teknologi Web] UNIVERSITI SAINS MALAYSIA First Semester Examination 2014/2015 Academic Session December 2014/January 2015 CMT322/CMM323 Web Engineering & Technologies [Kejuruteraan & Teknologi Web] Duration : 2 hours

More information

Style-Guidelines. Release 0.1

Style-Guidelines. Release 0.1 Style-Guidelines Release 0.1 Oct 31, 2017 Contents 1 Guidelines 3 i ii Author lxneng (Eric Lo) Version 1.0 Contents 1 2 Contents CHAPTER 1 Guidelines Python Code Style GuideLine PEP 8 : 4 : : 79,., =

More information

Produced by. Agile Software Development. Eamonn de Leastar

Produced by. Agile Software Development. Eamonn de Leastar Agile Software Development Produced by Eamonn de Leastar (edeleastar@wit.ie) Department of Computing, Maths & Physics Waterford Institute of Technology http://www.wit.ie http://elearning.wit.ie Pacemaker

More information

PEMROGRAMAN WEB. Indra Gunawan, ST., M.Kom., CEH., CHFI

PEMROGRAMAN WEB. Indra Gunawan, ST., M.Kom., CEH., CHFI PEMROGRAMAN WEB Indra Gunawan, ST., M.Kom., CEH., CHFI Curiculum Vitae Pendidikan : S1 Teknik Informatika, Minat Studi Kecerdasarn Buatan, 2007, Universitas Islam Indonesia Yogyakarta Skripsi : Membuat

More information

Front-End UI: Bootstrap

Front-End UI: Bootstrap Responsive Web Design BootStrap Front-End UI: Bootstrap Responsive Design and Grid System Imran Ihsan Assistant Professor, Department of Computer Science Air University, Islamabad, Pakistan www.imranihsan.com

More information

ALT-TAB: Better APEX Tabs. Scott Spendolini Director & Co-Founder

ALT-TAB: Better APEX Tabs. Scott Spendolini Director & Co-Founder ALT-TAB: Better APEX Tabs Scott Spendolini Director & Co-Founder Welcome 2 ABOUT THE PRESENTER Scott Spendolini scott@sumneva.com @sspendol Ex-Oracle Employee of 10 years Senior Product Manager for Oracle

More information

Visitor Management System

Visitor Management System WWW.VALLINME.COM Visitor Management System Ver 1.0 Mohd Noor Azam 18-03-2015 [Type the abstract of the document here. The abstract is typically a short summary of the contents of the document. Type the

More information

<?php $parts=array('','','tfrec','home'); include '/Webstuff/apacheSites/cms3/CMSpageCode.php';?>

<?php $parts=array('','','tfrec','home'); include '/Webstuff/apacheSites/cms3/CMSpageCode.php';?> index.php Printed: 4/26/10 4:29:08 PM Page 1 of 1 CMSpageCode.php Printed: 4/26/10 4:28:16 PM Page 1 of

More information

Mobile Web Development

Mobile Web Development Mobile Web Development By Phil Huhn 2013-04-30 2013 Northern Software Group Agenda Web-site issues for mobile devices Responsive Design Media Queries Twitter Bootstrap As-is (themes) less variables.less

More information

Exporting a Confluence space as a Website

Exporting a Confluence space as a Website Exporting a Confluence space as a Website This how-to explains how to export a Confluence space using the AutoExport Plugin. How it works. What it does. The AutoExport Plugin for Confluence is a plugin

More information

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

home.php 1/1 lectures/6/src/ include.php 1/1 lectures/6/src/

home.php 1/1 lectures/6/src/ include.php 1/1 lectures/6/src/ home.php 1/1 3: * home.php 5: * A simple home page for these login demos. 6: * David J. Malan 8: * Computer Science E-75 9: * Harvard Extension School 10: */ 11: // enable sessions 13: session_start();

More information

Lab 1: Introducing HTML5 and CSS3

Lab 1: Introducing HTML5 and CSS3 CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.

More information

Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009

Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 NAME (Printed) NAME (Signed) E-mail Exam Rules Show all your work. Your grade will be based on the

More information

SURAT KETERANGAN. Hasil Uji Program Tugas Akhir. Nama : MEYLIA SANDRA TAMPUBOLON

SURAT KETERANGAN. Hasil Uji Program Tugas Akhir. Nama : MEYLIA SANDRA TAMPUBOLON SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika : Nama : MEYLIA SANDRA TAMPUBOLON NIM : 132406109

More information

PANDUAN PENGGUNA (SUPPLIER) MAINTAIN CERTIFICATES/SUPPLIER DETAILS SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS)

PANDUAN PENGGUNA (SUPPLIER) MAINTAIN CERTIFICATES/SUPPLIER DETAILS SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS) PANDUAN PENGGUNA (SUPPLIER) MAINTAIN CERTIFICATES/SUPPLIER DETAILS SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS) DISEDIAKAN OLEH: SUPPLY CHAIN MANAGEMENT (SCM) BAHAGIAN ICT PROCESS

More information

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) is a language used to describe the appearance and formatting of your HTML. It allows designers and users to create style sheets that define how

More information

Web Publishing Intermediate 2

Web Publishing Intermediate 2 Web Publishing Intermediate 2 Building a Three Column Site with divs and float Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 The CIG Web Site... 3 Using the Div

More information

REGISTRATION GUIDE MCIS CUSTOMER PORTAL. Page 1

REGISTRATION GUIDE MCIS CUSTOMER PORTAL. Page 1 REGISTRATION GUIDE MCIS CUSTOMER PORTAL Page 1 Customer Portal Registration Guide Go to www.mcis.my and click the Customer Portal tab Page 2 Customer Portal Registration Guide 1. The page shown below will

More information

Manual Html A Href Onclick Submit Form

Manual Html A Href Onclick Submit Form Manual Html A Href Onclick Submit Form JS HTML DOM. DOM Intro DOM Methods HTML form validation can be done by a JavaScript. If a form field _input type="submit" value="submit" /form_. As shown in a previous

More information

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,.

А «- - «Exellent»» 50, 18, «Exellent»., , -., -. -,, html -. - «Exellent»,. А «- - «Exellent»» 50, 18, 21. - - «Exellent»., -. -. -. -, -., -. -,, html -. - «Exellent»,. А... 3 1 -... 5 1.1, -... 5 1.2 Э -... 8 1.3 -... 9 1.4, -... 16 1.4.1... 16 1.4.2... 18 1.4.3.... 18 2 - «Exellent»...

More information

Cara menggunakan TinyMCE

Cara menggunakan TinyMCE Cara menggunakan TinyMCE Oleh: Shidqi Halo semua kali ini gw mau share cara menggunakan tinymce apa itu tinymce? berikut penjelasanya dari wikipedia TinyMCE is a platform-independent, browser-based WYSIWYG

More information

Bootstrap Carousel. jquery Image Sliders

Bootstrap Carousel. jquery Image Sliders Bootstrap Carousel jquery Image Sliders Bootstrap Carousel Carousel bootstarp css js jquery js bootstrap.js http://getbootstrap.com/javascript/#carousel item ol.carousel-indicators li

More information

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer CLASS :: 14 12.10 2018 3 Hours AGENDA LECTURE :: Responsive Web Design [RWD] DOWNLOAD ASSETS [ CSS ] :: Media Query [rwd.css] ADD HTML META TAG & IE SCRIPT [ HTML ] :: Add Meta Tag for Viewport (inside

More information

src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert().

src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert(). src1-malan/ajax/ajaxhtml 1 1 1 1 1 2 2 2 2 2 2 2 2 30. 3 3 3 3 3 3 3 3 3 40. 4 4 4 4 4 4 4 4 ajaxhtml Gets stock quote from quotephp via Ajax, displaying result with alert(). Building Mobile Applications

More information

Monetra Payment Software

Monetra Payment Software Monetra Payment Software Monetra PaymentFrame Guide Revision: 1.0 Publication date August 30, 2017 Copyright 2017 Main Street Softworks, Inc. Monetra PaymentFrame Guide Main Street Softworks, Inc. Revision:

More information

Markup Language. Made up of elements Elements create a document tree

Markup Language. Made up of elements Elements create a document tree Patrick Behr Markup Language HTML is a markup language HTML markup instructs browsers how to display the content Provides structure and meaning to the content Does not (should not) describe how

More information

CSS often uses hyphens in CSS property names but JavaScript uses camel case, e.g. color: blue; p { <!DOCTYPE html> <meta charset="utf-8" /> <head>

CSS often uses hyphens in CSS property names but JavaScript uses camel case, e.g. color: blue; p { <!DOCTYPE html> <meta charset=utf-8 /> <head> 1 of 9 CS1116/CS5018 Web Development 2 Dr Derek Bridge School of Computer Science & Information Technology University College Cork Recap To find nodes: queryselector, queryselectorall To create new element

More information

Multimedia im Netz Online Multimedia Winter semester 2015/16. Tutorial 03 Minor Subject

Multimedia im Netz Online Multimedia Winter semester 2015/16. Tutorial 03 Minor Subject Multimedia im Netz Online Multimedia Winter semester 2015/16 Tutorial 03 Minor Subject Ludwig- Maximilians- Universität München Online Multimedia WS 2015/16 - Tutorial 03-1 Today s Agenda Quick test Server

More information

Lecture 6: Web Security CS /17/2017

Lecture 6: Web Security CS /17/2017 Lecture 6: Web Security CS5431 03/17/2017 2015 Security Incidents Web Vulnerabilities by Year 2500 2000 1500 1000 500 0 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015

More information

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter6: Bootstrap 3. Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Chapter6: Bootstrap 3 Asst.Prof.Dr. Supakit Nootyaskool Information Technology, KMITL Objective To apply Bootstrap to a web site To know how to build various bootstrap commands to be a content Topics Bootstrap

More information

Form Processing in PHP

Form Processing in PHP Form Processing in PHP Forms Forms are special components which allow your site visitors to supply various information on the HTML page. We have previously talked about creating HTML forms. Forms typically

More information

Chapter 7 BMIS335 Web Design & Development

Chapter 7 BMIS335 Web Design & Development Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating

More information

Min-Yuh Day, Ph.D. Assistant Professor Department of Informa9on Management Tamkang University

Min-Yuh Day, Ph.D. Assistant Professor Department of Informa9on Management Tamkang University Tamkang University Social Media Apps Programming Google App Engine and Google Map API 1041SMAP11 TLMXM1A (8687) (M2143) (Fall 2015) (MIS MBA) (2 Credits, Elec9ve) [Full English Course] Wed 9,10 (16:10-18:00)

More information

Enhancing Responsive Layouts With

Enhancing Responsive Layouts With CSS Layouts Enhancing Responsive Layouts With JQuery Enhancing Responsive Layouts With JQuery You can do a lot with just HTML and CSS (particularly HTML5 and CSS3), and we can design beautiful and beautifully

More information

Chapter 16 Mobile Web Page

Chapter 16 Mobile Web Page Sungkyunkwan University Chapter 16 Mobile Web Page Prepared by J. Jung and H. Choo Web Programming Copyright 2000-2018 Networking 2000-2012 Networking Laboratory Laboratory 1/26 Native App vs. Mobile Web

More information

FIRST TIME LOGIN & SELF REGISTRATION USER GUIDE LOG MASUK KALI PERTAMA & PENDAFTARAN SENDIRI PANDUAN PENGGUNA

FIRST TIME LOGIN & SELF REGISTRATION USER GUIDE LOG MASUK KALI PERTAMA & PENDAFTARAN SENDIRI PANDUAN PENGGUNA FIRST TIME LOGIN & SELF REGISTRATION USER GUIDE LOG MASUK KALI PERTAMA & PENDAFTARAN SENDIRI PANDUAN PENGGUNA Getting Started Step by Step Guide to Supplier First Time Login and Self Registration Persediaan

More information

Kartu Bimbingan Tugas Akhir Siswa

Kartu Bimbingan Tugas Akhir Siswa KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM DEPARTEMEN MATEMATIKA PROGRAM STUDI D.III TEKNIK INFORMATIKA / STATISTIKA Jl. Bioteknologi No. 1

More information

PANDUAN PENGGUNA (SUPPLIER) MAINTAIN CERTIFICATES/SUPPLIER DETAILS SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS)

PANDUAN PENGGUNA (SUPPLIER) MAINTAIN CERTIFICATES/SUPPLIER DETAILS SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS) PANDUAN PENGGUNA (SUPPLIER) MAINTAIN CERTIFICATES/SUPPLIER DETAILS SUPPLIER RELATIONSHIP MANAGEMENT SUPPLY CHAIN MANAGEMENT SYSTEM (SCMS) DISEDIAKAN OLEH: SUPPLY CHAIN MANAGEMENT (SCM) BAHAGIAN ICT PROCESS

More information

UNIVERSITI SAINS MALAYSIA. Peperiksaan Semester Pertama Sidang Akademik 2003/2004. September/Oktober 2003

UNIVERSITI SAINS MALAYSIA. Peperiksaan Semester Pertama Sidang Akademik 2003/2004. September/Oktober 2003 UNIVERSITI SAINS MALAYSIA Peperiksaan Semester Pertama Sidang Akademik 2003/2004 September/Oktober 2003 EEE 348E - PENGANTAR REKABENTUK LITAR BERSEPADU Masa: 3jam ARAHAN KEPADA CALON: Sila pastikan bahawa

More information

Django AdminLTE 2 Documentation

Django AdminLTE 2 Documentation Django AdminLTE 2 Documentation Release 0.1 Adam Charnock Jul 02, 2018 Contents 1 Contents 3 1.1 Quickstart................................................ 3 1.2 Templates & Blocks Reference.....................................

More information

lectures/3/src/mvc/7/html/index.php <?php require_once('../includes/helpers.php');

lectures/3/src/mvc/7/html/index.php <?php require_once('../includes/helpers.php'); lectures/3/src/mvc/7/html/index.php 10. 1 1 1 1 1 1 1 1 1 20. 2 2 2 2 2 2 2 2 2 30. 3 3 3 3 3 3

More information

Review of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar

Review of HTML. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar Review of HTML Chapter 3 Fundamentals of Web Development 2017 Pearson Fundamentals of Web Development http://www.funwebdev.com - 2 nd Ed. What Is HTML and Where Did It Come from? HTML HTML is defined as

More information

Adaptations by PVII responsive and then creates your page instantly Al Sparber & Gerry Jacobsen PVII

Adaptations by PVII responsive and then creates your page instantly Al Sparber & Gerry Jacobsen PVII Adaptations by PVII is a Dreamweaver extension that allows you to select from 5 unique responsive layouts and then creates your page instantly. We hope you enjoy using this product as much as we did making

More information

django-sekizai Documentation

django-sekizai Documentation django-sekizai Documentation Release 0.6.1 Jonas Obrist September 23, 2016 Contents 1 About 3 2 Dependencies 5 3 Usage 7 3.1 Configuration............................................... 7 3.2 Template

More information

Stamp Builder. Documentation. v1.0.0

Stamp  Builder. Documentation.   v1.0.0 Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you

More information

HTML & CSS Cheat Sheet

HTML & CSS Cheat Sheet 1 HTML & CSS Cheat Sheet Fall 2017 HTML & CSS Cheat Sheet from Typographic Web Design 3 by Laura Franz Web safe fonts vs web fonts You can expect these web safe fonts to work across most platforms and

More information

Slide 1. Chapter 5. How to use the MVC pattern to organize your code. 2010, Mike Murach & Associates, Inc. Murach's PHP and MySQL, C5

Slide 1. Chapter 5. How to use the MVC pattern to organize your code. 2010, Mike Murach & Associates, Inc. Murach's PHP and MySQL, C5 Slide 1 Chapter 5 How to use the MVC pattern to organize your code and MySQL, C5 Slide 2 Objectives Applied 1. Use the MVC pattern to develop your web applications. 2. Create and use functions that do

More information

CSS: Layout Part 2. clear. CSS for layout and formatting: clear

CSS: Layout Part 2. clear. CSS for layout and formatting: clear CSS: Layout Part 2 Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for layout and formatting: clear

More information

BA. (Hons) Graphics Design

BA. (Hons) Graphics Design BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2018 / Semester 1 Resit Examinations for BGD/15B/FT MODULE: Advanced Web Design MODULE CODE: WAT3110C Duration: 2 Hours Instructions to Candidates:

More information

Creating a Job Aid using HTML and CSS

Creating a Job Aid using HTML and CSS Creating a Job Aid using HTML and CSS In this tutorial we will apply what we have learned about HTML and CSS. We will create a web page containing a job aid about how to buy from a vending machine. Optionally,

More information

WEBSI TE DESIGNING TRAINING

WEBSI TE DESIGNING TRAINING WEBSI TE DESIGNING TRAINING WHAT IS WEB DESIGN? We b s ite design m e a n s p l a n n i n g, c r e a t i o n and u p d a t i n g of websites. We bsite design also involves i n f o r m a t i o n a rchitecture,

More information

Web Development and Design Foundations with HTML5 8th Edition

Web Development and Design Foundations with HTML5 8th Edition Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris

More information

TODAY S AGENDA. An introduction for Libraries UW-SLIS CES Webinar April 6, 2015 What is Responsive Web Design? Definition & History

TODAY S AGENDA. An introduction for Libraries UW-SLIS CES Webinar April 6, 2015 What is Responsive Web Design? Definition & History TODAY S AGENDA An introduction for Libraries UW-SLIS CES Webinar April 6, 2015 What is Responsive Web Design? Definition & History How do I DO Responsive Web Design? Tips & Tricks & Jargon Where do I go

More information

JavaScript Performance

JavaScript Performance JavaScript Performance 1 Order Matters 2. 1 home

More information

LAMPIRAN. <meta name="description" content="creative - Bootstrap 3 Responsive Admin Template">

LAMPIRAN. <meta name=description content=creative - Bootstrap 3 Responsive Admin Template> LAMPIRAN add_anggota.php(potongan kode untuk menambah anggota) session_start(); if (empty($_session['username'])){ header('location:login.php'); else { include "../koneksi.php";

More information

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head

More information