วันอาทิตย์ที่ 10 เมษายน พ.ศ. 2559


Final Project
Graphical User Interface

Sketch
Ghost Book









อุปกรณ์ Device
ขนาดหน้าจอของอุปกรณ์สำหรับติดตั้ง Application
Platfrom ios - iPhone 4s : 960x640 resolution 326 ppi
Icon  Application : Size 512x512 pixels 72 ppi



Icon Application
Ghostbook






หน้า Loading - splash





หน้า Menu หลัก





Menu 1





Menu 2





Menu 3






Menu 4





Menu 5




Concept

การออกแบบ Application ที่มีชื่อว่า GhostBook นี้ ได้แรงบันดาลใจมาจากความชอบส่วนตัว ที่ชื่นชอบในเรื่องราวสยองขวัญ และเหตุการณ์เหนือธรรมชาติต่างๆ และเวลาว่างมักจะหาเรื่องราวอ่านในเว็บไซต์หรือตามเพจต่างๆ โดยการทำ  Application ชิ้นนี้มา เพื่อสนองความต้องการ ของผู้ที่ชื่นชอบการอ่านในเรื่องราวสยองขวัญ โดยใน  Application จะรวบรวมและอัพเดตเรื่องราวต่างๆ แยกแยะและจัดแจงเป็นหมวดหมู่ เพื่อง่ายต่อการค้นหา และใช้สีสันที่ไม่มากมาย จะมีแค่  ขาว ดำ และแดง ที่เป็นจุดเด่นของแอฟ ซึ่งจะทำให้เพิ่มอรรถรสในการอ่านเข้าไปด้วย



ทดสอบวาง Icon 
โดยเปรียบเทียบกับ Icon App อื่นๆ


iphone 4s


วันจันทร์ที่ 29 กุมภาพันธ์ พ.ศ. 2559

"เรียนรู้เว็บเทคโนโลยีเวิร์คเพลสบล็อค"

ขั้นตอนการสร้างและใช้งาน Wordpress



วันศุกร์ที่ 26 กุมภาพันธ์ พ.ศ. 2559

ขั้นตอนวิธีการทำ website ด้วยโปรแกรม adobe dreamweaver


ขั้นตอนวิธีการทำ website

1.ออกแบบหน้าเว็บไซต์ของตัวเองตามความชอบ


2. ออกแบบเว็บไซต์ด้วยโปรแกรม adobe illustrator ให้ครบทุกหน้าของเว็บไซต์

หน้า Home



หน้า About me



หน้า My portfolio



หน้า Contact me



3. ลบ Font ในส่วนที่จะ link ออกให้หมดเพื่อนำไปตัดในโปรแกรม adobe photoshop






4.พิมพ์ Font ลงไปในส่วนที่ลบออกและแยก  layer เพื่อเปลี่ยนสี Font





5.แยก layer และเปลี่ยนสีให้ครบทุกช่องที่ต้องจะ link





6. ใช้ไม้บรรทัดครอปตัดในส่วนที่ต้องการ link





7.ใช้เครื่องมือที่มีชื่อว่า slice tool ตัดช่องที่ต้องการ link





8. ทำการ save โดยเลือก save for web and devices โดยเลือกเป็นไฟล์ HTML





9. เปิดไฟล์ HTML ในโปรแกรม adobe dreamweaver และลบช่อง font ออก





10. ไปที่ Insert > Image Objects > Rollover image

 



11. เลือกไฟล์ทั้ง 2 ไฟล์ ที่แยก Layer ของสีดำและสีแดงไว้ ทำให้ครบทั้ง 4 ช่อง ที่ตัดไว้





12. กด Preview เพื่อดูความเปลี่ยนแปลงของสี





13. เมื่อปุ่ม link มีความเปลี่ยนแปลงของสีแล้ว ก็ทำการ link เข้าแต่ละหน้าของเว็บไซต์ ด้วยการกำหนดในช่อง link และเลือกไฟลืของหน้าเว็บนั้นๆ ทำให้ครบทั้ง 4 หน้า




14. จากนั้น กดดู Preview อีกรอบ เพื่อทดสอบการ link ของ web





15. จากนั้นทำการ Save as เป็น html





.......................................................................................

วันพฤหัสบดีที่ 11 กุมภาพันธ์ พ.ศ. 2559


โครงการ "คิดก้าวหน้า"

ณ สโมสรหารบก ถนนวิภาวดีรังสิต
3 กุมภาพันธ์ 2559




 “โครงการคิดก้าวหน้า” คือ โครงการเตรียมความพร้อมเยาวชนไทยสู่ตลาดแรงงานสร้างสรรค์ ซึ่ง โดยขยายโอกาสให้เยาวชนจากทุกจังหวัดทั่วประเทศได้มาเรียนรู้ รับคำแนะนำ และสัมผัสประสบการณ์จริง จากนักคิดและหน่วยงานในอุตสาหกรรมสร้างสรรค์สาขาต่างๆ ทั้งภาครัฐและเอกชน เพื่อบ่มเพาะให้เยาวชนและบุคลากรทางการศึกษาได้เรียนรู้กระบวนการใช้ทุนทาง ความคิดสร้างสรรค์ผนวกเข้ากับงานวิจัย นวัตกรรม และเทคโนโลยี ที่เป็นส่วนสำคัญในการเพิ่มเขีดความสามารถในการแข่งขันและการสร้างเศรษฐกิจ และสังคมไทยให้เติบโตอย่างยั่งยืน รวมถึงเพื่อเผยแพร่องค์ความรู้ด้านศักยภาพของอุตสาหกรรมสร้างสรรค์ของประเทศ 

โครงการคิดก้าวหน้า จัดทำโดย สำนักงานบริหารและพัฒนาองค์ความรู้ (OKMD) ศูนย์สร้างสรรค์งานออกแบบ (TCDC) อุทยานการเรียนรู้ (TK Park) และสถาบันพิพิธภัณฑ์การเรียนรู้แห่งชาติ (Museum Siam) และได้รับความร่วมมือจากหน่วยงานภาครัฐและภาคเอกชนที่เกี่ยวข้อง รวมทั้งผู้ประกอบการภาคเอกชนในอุตสาหกรรมสร้างสรรค์จากทั้ง 9 สาขา ได้แก่ งานฝีมือและหัตถกรรม (Crafts) ดนตรี ศิลปะการแสดง และทัศนศิลป์ (Music, Performing, and Visual Arts) ภาพยนตร์ โทรทัศน์ วิดีทัศน์ วิทยุและการถ่ายภาพ (Film, TV, Video, Radio, and Photography)พิพิธภัณฑ์ แกลอรี และห้องสมุด (Museums, Galleries, and Libraries) การพิมพ์ (Publishing) ซอฟต์แวร์ (Software) การโฆษณา (Advertising) การออกแบบ (Design) และสถาปัตยกรรม (Architecture) 











วันพฤหัสบดีที่ 21 มกราคม พ.ศ. 2559

องค์ประกอบของเว็บไซต์


1. Domain Name :


       ชื่อและที่อยู่ของเว็บไซต์ในการเรียกข้อมูลเว็บไซต์ของท่านมาแสดงผล เช่น www.yourcompany.com เป็นต้น ปัจจุบันมักจดชื่อ domain name ให้เป็นชื่อที่สื่อถึงสินค้าหรือบริการหรือเป็นชื่อองค์กร และอาศัยการทำประชาสัมพันธ์ผ่าน Search Engine และ
Web Directory การเลือกใช้ชื่อเว็บไซต์ที่เหมาะสมก็มีส่วนในการทำให้เว็บไซต์ของคุณประสบความสำเร็จเช่นกัน

2. Design & Development :


       การออกแบบและจัดทำเว็บไซต์ โดยทั่วไปแล้วสำหรับเว็บไซต์ประชาสัมพันธ์องค์กร การออกแบบเว็บไซต์ เป็นเพียงส่วนที่ทำหน้าที่นำเสนอข้อมูลขององค์กร หรือบริษัทให้แก่ผู้เยี่ยมชมได้อย่างสะดวก และด้วยการออกแบบที่ดีที่จะสื่อถึงความเป็นเอกลักษณ์ขององค์กร หรือบริษัทจะนำมาซึ่งความน่าเชื่อถือให้เกิดแก่ผู้เข้าเยี่ยมชมได้ หากแต่มักมีคนเข้าใจผิดเกี่ยวกับการออกแบบเว็บไซต์ ว่าเว็บไซต์ที่มีการออกแบบดีมีความสวยงาม และมีการนำเสนอที่น่าสนใจจะสามารถดึงดูด และเพิ่มปริมาณผู้เข้าเยี่ยมชมได้ ในความเป็นจริงแล้ว การเข้าถึงกลุ่มเป้าหมาย และเพิ่มปริมาณของผู้เข้าเยี่ยมชมนั้น เป็นหน้าที่หลักของการทำประชาสัมพันธ์เว็บไซต์ ไม่ใช่จากการออกแบบและจัดทำเว็บไซต์

3. Content :


       เนื้อหาของเว็บไซต์ ถือว่าเป็นสิ่งที่สำคัญที่สุดในองค์ประกอบของเว็บไซต์ เพราะคือสิ่งที่ผู้เยี่ยมชมค้นหา โดยปกติแล้วเราสามารถใส่เนื้อหาที่เกี่ยวข้องกับสินค้า หรือบริการขององค์กรของเราได้โดยละเอียด อีกทั้งจำต้องนำเสนออย่างชัดเจนอีกด้วย เช่น รูปภาพของสินค้า หรือสถานที่บริการ เป็นต้น จึงจะทำให้ผู้เข้าเยี่ยมชมได้ประโยชน์จากการเข้าชมเว็บไซต์อย่างแท้จริง อันจำนำมาซึ่งผลประโยชน์ทางธุรกิจในอนาคตได้

4. Hosting :


       พื้นที่จัดวางและติดตั้งเว็บไซต์ เป็นองค์ประกอบที่สำคัญมากไม่น้อยกว่าเนื้อหาของเว็บไซต์ (Content) เพราะการเลือกผู้ให้บริการโฮสติ้งที่ดี มีการซัพพอร์ตลูกค้าที่ดีและรวดเร็ว เซิร์ฟเวอร์มีความเสถียรภาพสูง สามารถติดต่อเจ้าหน้าที่ที่ดูแลเซิร์ฟเวอร์ได้ตลอดเวลา คือหัวใจสำคัญในการเลือกผู้ให้บริการด้านนี้ นอกจากความพร้อมในการออกแบบและจัดทำเว็บไซต์แล้ว ผู้ให้บริการเว็บไซต์ต้องมีความพร้อมอย่างยิ่งในการให้บริการโฮสติ้งแก่ลูกค้าเป็นอย่างดีอีกด้วย ซึ่งทำให้เว็บไซต์และอีเมล์ของลูกค้าสามารถเข้าถึงได้ตลอดเวลา อันส่งผลให้ธุรกิจของลูกค้ามีความต่อเนื่องในการทำงานอยู่เสมอ

5. Promotion :


       การทำประชาสัมพันธ์เว็บไซต์ เป็นองค์ประกอบที่สำคัญมากอีกอย่างหนึ่ง เมื่อเราได้จัดทำเว็บไซต์เสร็จแล้ว จะต้องอาศัยการประชาสัมพันธ์เว็บไซต์ เพื่อให้เข้าถึงกลุ่มเป้าหมายมากที่สุด โดยอาศัยวิธีการต่างผ่านช่องทางอินเตอร์เน็ต เช่น
Search Engine Submission, Registration Web Directory, Mailing List, Banner Link Exchange เหล่านี้เป็นต้น นอกเหนือจากนี้ อาจใช้ชื่อ domain name ในการประชาสัมพันธ์เว็บไซต์ผ่านสื่ออื่น ๆ เช่น ในนามบัตร, ใบปลิวหรือ โบรชัวร์ของบริษัท เป็นต้น


เว็บไซต์ตัวอย่าง


......................................................................................................

Ultrasound Could Transform 3D Printing For A Future Of Smart Materials


January 19, 2016 | by Bruce Drinkwater


The advent of 3D printers supposedly means we can manufacture anything in our homes.But in reality most existing home 3D printers can only make things out of certain plastics, although there are industrial systems that can print certain metals.
What has so far been out of reach is a way to 3D print high-tech composite materials such as the carbon fibre composites that are used to build lightweight but extremely strong versions of things including tennis racquets, aerodynamic bikes and even aircraft parts. But researchers from my lab at Bristol University have now developed a way to transform existing 3D printers so they can also print composite materials.
When designed properly, composites have just about the best strength for their weight of any common material, making them perfect for applications that need to be very strong but light, such as aeroplanes. Composites are usually made from very long glass or carbon fibres set in a plastic matrix. It’s the presence of the fibres, and the fact that they are all carefully arranged, that makes these materials so impressively strong yet lightweight.
Simple Solution
At present, composite products are made by forming the fibres into sheets that look a bit like stiff cloth. These are then cut to shape and assembled by hand, layer-by-layer, to create the final product. As a result, composites are expensive and not easily replicated with 3D printers.
However, my colleagues and I have found a way to print composite material by making a relatively simple addition to a cheap, off-the-shelf 3D printer. The breakthrough was based on the simple idea of printing using a liquid polymer mixed with millions of tiny fibres. This makes a readily printable material that can, for example, be pushed through a tiny nozzle into the desired location. The final object can then be printed layer by layer, as with many other 3D printing processes.


The big challenge was working out how to reassemble the tiny fibres into the carefully arranged patterns needed to generate the superior strength we expect from composites. The innovation we developed was to use ultrasonic waves to form the fibres into patterns within the polymer while it’s still in its liquid state.
The ultrasound effectively creates a patterned force field in the liquid plastic and the fibres move to and align with low pressure regions in the field called nodes. The fibres are then fixed in place using a tightly focused laser beam that cures (sets) the polymer.
Smart Materials
The patterned fibres can be thought of as a reinforcement network, just like the steel reinforcing bars that are routinely placed in concrete structures such as foundations or bridges. Our study used short glass fibres in liquid epoxy polymer that are formed into longer lines of fibres and can recreate the structure of a traditional composite.
But the process has huge flexibility and can also create patterns not possible with traditional methods. By adjusting the ultrasonic wave pattern we can steer the fibres as the print progresses, producing a complex 3D architecture of fibres rather than layers of 2D structures.
One of the particularly useful features of the ultrasonic alignment process is that almost any type, size or shape of fibre can be used. This will give product designers some completely new possibilities and allow the printing of smart materials that can repair themselves or harvest electricity from the environment. For example researchers are working on embedding networks of hollow tubes filled with uncured polymer into composites. If the material is damaged and the tubes are broken open they will “bleed” polymer that will then set and “heal” the product. These tubes could be positioned in the liquid plastic with our ultrasonic printing system.
The ultrasonic technology is still in its early stages, so don’t expect to be able to buy these printers next week. But 3D printing is a very fast moving field so these ideas could well hit the market in the next few years.
...................................................................................................................................................................
แปลและสรุปข่าวโดยนางสาวนพวรรณ แซ่เล้า
เป็นการถือกำเนิดของเครื่องพิมพ์ 3D ที่สามารถใช้ผลิตสิ่งของที่เหมือนจริง โดยการพิมพ์ออกมาจากพลาสติกที่ทดแทนการใช้โลหะบางชนิด โดยจะใช้วัสดุตอมโพสิต เช่น คาร์บอนไฟเบอร์ ที่ใช้ในการสร้างสิ่งของที่มีน้ำหนักเบา แต่แข็งแรงมาก อย่างเช่น ไม้เทนนิส รถจักรยาน แม้กระทั้งบางชิ้นส่วนของเครื่องบิน 
ในปัจจุบันผลิตภัณฑ์ที่ผลิตจากคอมโพสิต จะทำการผลิตโดยขึ้นรูปเส้นใยเป็นแผ่น ที่มีลักษณะบิด เช่นผ้า สิ่งของเหล่านี้จะถูกตัดเพื่อรูปทรง และประกอบด้วยมือ จึงส่งผลให้คอมโพสิต มีราคาแพงและยากต่อการจำลองรูปแบบ แต่เพื่อนร่วมงานของเค้าสามารถค้นพ้บการพิมพ์วัสดุที่ค่อนข้างง่ายและมีราคาถูก โดยการใช้พอลิเมอร์ที่เป็นของเหลว มีเส้นใยเล็กนับล้าน ซึ่งจะส่งผลให้หัวฉีดมีขนาดเล็กลงและสามารถผลิตได้อย่างง่ายดายกว่ากระบวนการผลิต 3D แบบอื่นๆ 
ซึ่งการผลิตกำลังอยู่ในช่วงทดลองให้วัสดุมีความแข็งแรง มีราคาที่ต่ำที่สุด และออกมาสมบูรณ์แบบ ซึ่งจะเป็นการพัฒนาไปอีกก้าวของเทคโนโลยีและการออกแบบที่ทันสมัยในปี 2016

***หมายเหตุ***
Composite Materials: วัสดุที่ประกอบด้วยวัสดุ 2 ประเภทขึ้นไปโดยที่องค์ประกอบทางเคมีแตกต่างกันและจะต้องไม่ละลายเป็นเนื้อเดียวกัน ซึ่งอาจเกิดจากการผสมหรือการสร้างพันธะ
1.      เกิดจากการผสมกันระหว่างวัสดุ องค์ประกอบอยู่ในระดับที่สามารถมองเห็นได้ ตัวอย่างเช่น คอนกรีต ที่ประกอบด้วยซีเมนต์ ทราย หิน และ น้ำ
2.      เกิดจากการสร้างพันธะ องค์ประกอบอยู่ในระดับโมเลกุล ถ้าเป็นเหล็กเรียกว่าอัลลอย   ถ้าเป็นพลาสติกเรียกว่าพอลิเมอร์

ที่มาของบทความ
http://www.iflscience.com/categories/technology


The Conversation

วันพฤหัสบดีที่ 14 มกราคม พ.ศ. 2559

ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์

Mind map online
โดยโปรแกรม freeware
www.mindmup.com

เรื่อง ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์


https://www.mindmup.com/#m:g10B4_S5s9g9dZsQkt4ZHIzMzBueE0


นางสาวนพวรรณ แซ่เล้า รหัส 5611301721 (ออกแบบนิเทศศิลป์)