Senin, 27 Mei 2013

pemograman berbasis web

HTML DASAR
a.Tag
b.element
c.attribute
d.element HTML
e.element HEAD
f.element TITLE
g.element BODY

HTML FORMAT TEKS
a.element BR(line break)
b.element P(Paragraph)
c.element H1,H2,H3,H4,H5,H6 (Header)
d.element B(Bold)
e.element I(italic)
f. element U(underline)
g. element Pre(preformated teks)
h.element center
i. element basefont
j. element font
k. element HR(horozontal rule)

HTML DAFTAR URUTAN
a. element OL(order list)
b. element UL(unordered list)
c. element LI(list Item)
d. difinition list

HTML FORM
a. element form
b. element input
c. elementselect
d. element option
e. element textarea

DATABASE, TABEL & STRUKTUR
a. membuat database > create database (nama database);
b. melihat database> show databases;
c. untuk mengambil atau memakai database>use database;
d. untuk menghapus database>drop database;
e. membuat tabel> create table mahasiswa
   (
    nim int(25) primary key not null,
    nama varchar (25),
    alamat varchar(50)
    );
f. desc mahasiswa;
g. memasukkan data dalam tabel>insert into mahasiswa values
    ('111111','joko','lamprit');
h. untuk menampilkan data>select * from mahasiswa;

SEKIAN DAN TERIMA KASIH
    

Senin, 02 April 2012


Basic Flowchart Symbols

Basic Flowchart
Flowcharts are the ideal diagrams for visually representing business processes. For example, if you need to show the flow of a custom-order process through various departments within your organization, you can use a flowchart. This paper provides a visual representation of basic flowchart symbols and their proposed use in communicating the structure of a well-developed web site, as well as their correlation in developing on-line instructional projects. A typical flowchart from older Computer Science textbooks may have the following kinds of symbols:
  • Start and end symbols, represented as lozenges, ovals or rounded rectangles, usually containing the word "Start" or "End", or another phrase signaling the start or end of a process, such as "submit enquiry" or "receive product".
  • Arrows, showing what's called "flow of control" in computer science. An arrow coming from one symbol and ending at another symbol signifies flow passes to the symbol the arrow points to.
  • Processing steps, represented as rectangles. Examples: "Add 1 to X"; "replace identified part"; "save changes" or similar.
  • Input/Output, represented as a parallelogram. Examples: Get X from the user; display X.
  • Conditional (or decision), represented as a diamond (rhombus). These typically contain a Yes/No question or True/False test. This symbol is unique in that it has two arrows coming out of it, usually from the bottom point and right point, one corresponding to Yes or True, and one corresponding to No or False. The arrows should always be labeled. More than two arrows can be used, but this is normally a clear indicator that a complex decision is being taken, in which case it may need to be broken-down further, or replaced with the "pre-defined process" symbol.
  • A number of other symbols that have less universal currency, such as:
    • Document represented as a rectangle with a wavy base;
    • Manual input represented by a rectangle, with the top irregularly sloping up from left to right. An example would be to signify data-entry from a form;
    • Manual operation represented by a trapezoid with the longest parallel side upmost, to represent an operation or adjustment to process that can only be made manually.
    • Data File represented by a cylinder
Flowcharts may contain other symbols, such as connectors, usually represented as circles, to represent converging paths in the flow chart. Circles will have more than one arrow coming into them but only one going out. Some flow charts may just have an arrow point to another arrow instead. These are useful to represent an iterative process (in Computer Science this is called a loop). A loop may, for example, consist of a connector where control first enters, processing steps, a conditional with one arrow exiting the loop, and one going back to the connector. Off-page connectors are often used to signify a connection to a (part of a) process held on another sheet or screen.
A flowchart is described as "cross-functional" when the page is divided into different "lanes" describing the control of different organizational chart units. A symbol appearing in a particular "lane" is within the control of that organizational unit. This technique allows the analyst to locate the responsibility for performing an action or making a decision correctly, allowing the relationship between different organizational units with responsibility over a single process.

Standard Flowchart Symbols

Flowcharts use special shapes to represent different types of actions or steps in a process. Lines and arrows show the sequence of these steps, and the relationships between them.
Standard Flowchart Symbols
Workflow shapes
Workflow relationships are where work is done by different departments in a fixed sequence. This means that one department needs to finish its job before work can continue in another department. The development and maintenance of these work flow relationships is very important for managers because they are dependant on the preceding areas for his or her own work, and responsible to managers and workers at different stages further down the chain.
Workflow shapes
Audit Flowchart Shapes
The follow shapes is similar with the basic flowchart symbols but are specially used in the audit flowchart.
Audit Flow Diagram

The Flowchart Symbols and Their Usage

Process represents a step in your process.
Process Shape
Predefined process indicate a set of steps that combine to create a sub-process that is defined elsewhere, often on another page of the same drawing.
Predefined process shape
Decision indicates a point where the outcome of a decision dictates the next step. There can be multiple outcomes, but often there are just two - yes and no.
Decision shape
Terminal points indicate the starting and ending points of a process.
start shapes
terminator shape
Data Shape Indicates that information is coming into the process from outside, or leaving the process.
storedd data shape
Delay shape Represents a waiting period where no activity is done. In Process Mapping, delays are often important as they may result in adding to the cost of the product or simply delaying its production.
delay shape
Database shape Use this shape for a step that results in information being stored.
Step represents a single step within a process, and usually contains the name of a specific action.
Page symbols refer to individual web pages, which may or may not contain multiple elements.
File symbols represent those data elements that exist independently of navigational properties outside of that page, e.g., audio sounds, movie clips, or a portable document file (PDF).
decision point indicates a sequence in the process at which the end user chooses an option, i.e., a "yes-no", or "true-false" response, and then branches to different parts of the flowchart.
Arrows and connecting lines diagram the logical progression through the course, subject to the choices made at decision or action points within the process.
The input/action symbol represents a user response that directs the course flow from that point onwards, i.e., an online test, or questionnaire form.
manual input shape
Represents the choice made by the user from mutually exclusive options, e.g., a student choosing among different lesson plans.
Conditional selector is similar to the conditional branch except that the user has the option to choose from a number of paths that will fulfill the requested conditions, e.g., the results of a search engine request.
Pages that share one or more common aspects, and are functionally identical may be simplified as a rounded corner rectangle, such as an on-line test or feedback form.
Annotations provide helpful comments or explanations, e.g. denoting the location where an undeveloped new page/process will fit into the navigational flow structure, or notes for specific team members for further development.
Flow references and flow areas are symbols for reusable sequences, such as logging in with a specific user id and password to enter the course or to initiate an on-line quiz. The flow reference symbol acts as a placeholder for the flow area sequence in the chart in every situation in which it is repeated.
Flow area is used as a flow area, it documents sections that share similar components/repeated steps within that flow, and requires the use of the following two symbols: entry and exit points.
Exit point concludes the subroutine, such as when the proper user id and password are verified, and documents where the user re-enters the master flowchart.
Entry point documents the place within the master flowchart where the process deviates into a subroutine.
Reference is used as a connecting point when the flowchart necessitates using more than one page, or refers to a complicated subroutine that would be impossible to contain on the main flowchart page.
On-page reference Indicates that the next or previous step is somewhere else on the flowchart. It is particularly useful for large flowcharts.
On-page reference shape
Off-page reference Use the a set of hyperlinks between two pages of a flowchart or between a sub-process shape and a separate flowchart page that shows the steps in that sub-process.
Off-page reference shape
Flowchart Shapes The designers can click this multi-shape to set to any of the following shapes: Data, Document, Decision, or Process. Any text you type onto the shape, or information you add to its Shape Data, remains with the shape.
Flowchart Shapes
Document Represents a step that results in a document.
Document shape

Process Flowchart Drawing Guide-lines

There is no one right way to develop a flowchart, but the following guide-lines provide a general structure to follow, whether it's of the overall course navigational process, or at the hand-off phase to the various team members to develop more detailed treatment.
  1. Start with a simple one-line description or title of the process being flowcharted , e.g., "How to..."
  2. Using a top-down hierarchy, start with a terminal symbol, naming this trigger event, e.g., "User accesses course database..."
  3. Connect each successive action step in the logical sequence of events.
  4. Reference detailed information through annotations or connectors.
  5. Follow the process through to completion, denoted by a labeled end terminal symbol, e.g., "exit course."
A well-developed functional flowchart created in the design phase can save hours of wasted manpower time by ensuring the structure, sequencing and branching decision points in a computer based instructional program, support the course goals and objectives before development.
Whether you are the sole creator wearing many hats, or one of many on the development team, sharing a common visual language will guide the project through its many iterations and development phases throughout the instructional design process.

Panduan Membuat Blog Di Blogspot


Dalam panduan blogspot kali ini saya akan menulis artikel cara membuat blog di blogspot.Blogspot merupakan salah satu penyedia layanan  blog gratis yang sangat populer.Blogspot adalah layanan blog gratis yang di berikan oleh google.Dimana ketika mendaftar kita mendaftarnya di di www.blogger.com,tetapi kita memakai sub domain blogspot.Misalnya namadomainsobat.blogspot.com.

Banyak sekali kelebihan blogspot di banding penyedia layanan blog gratis lainnya.Beberapa contoh kelebihannya adalah pengoperasiannya yang sangat mudah di mengerti sehingga cocok bagi pemula,kita dapat mengedit dan merubah template blog kita sesuai dengan keinginan kita.

Cara membuat blog di blogspot juga cukup mudah.Hal yang harus kita sediakan hanyalah email gmail.Kenapa harus email gmail mas?.Karena blogspot adalah salah satu layanan yang di berikan oleh google,jadi bila kita ingin membuat blog di blogspot maka kita harus memakai email dari gmail.Bila teman-teman belum mempunyai akun di gmail,silahkan buat akun di gmail terlebih dahulu.Bila belum tahu cara membuat email di gmail,silahkan baca di sini Cara Membuat Email Di Gmail.com

Bila teman-teman sekalian sudah memiliki akun di gmail.ayo kita segera membuat blog di blogspot.Ikuti langkah-langkah berikut ini :

1.Silahkan kunjungi situs www.blogger.com
2.Bila halaman blogger sudah terbuka,perhatikan bagian halaman bagian kiri sobat.Silahkan sobat login dengan akun gmail sobat di kolom yang telah di sediakan.Perhatikan gambar di bawah ini :
3.Setelah sobat login dengan akun gmail sobat,maka sobat akan di bawa ke halaman pendaftaran blogger.Isikan formulir yang telah di sediakan.Setelah itu klik LANJUTKAN.Lihat gambar di bawah :
 4.Setelah sobat masuk ke halaman Dasbor,klik Ciptakan Blog Anda.Lihat gambar di bawah
5.Kemudian isilah judul dan alamat blog sobat.Dalam mengisi alamat blog,sobat harus benar-benar serius karena sifat alamat blog adalah permanen.Jangan lupa cek ketersediaan alamat blog sobat.Setelah judul dan alamat blog telah di isi klik LANJUTKAN.
 6.Pilih template yang sobat inginkan.setelah itu kli LANJUTKAN
 7.Selamat,blog sobat sudah jadi.Bila sobat langsung ingin membuat posting klik Mulai Blogging
 Pada tahap ini blog sobat sudah jadi.Untuk pembahasan bagaimana cara-cara blogging di blogger/blogspot,akan saya bahas dalam panduan blogspot selanjutnya.Semoga artikel saya ini bermanfaat.

Blog saya

Tentang saya

Jenis KelaminPria
IndustriPendidikan
Jabatanmanager
LokasiMeulaboh, Meulaboh Aceh Barat, Indonesia
PendahuluanSaya membuat bloger ini untuk belajar konsep sistem informasi
MinatMenbaca
Film FavoritDoraemon, spongebob
Musik Favoritkorea
Buku Favoritislami